Как я могу получить это значение href?

Question

Я хотел бы получить значение «3 Отправлено» из hmtl ниже. Как я могу это сделать?

<ul class="nav nav-tabs some-tabs"> 
     <li class="active"> 
      <a href="#accepted" data-toggle="tab">1 Accepted</a> 
     </li> 
     <li class=""> 
      <a href="#sent" data-toggle="tab">3 Sent</a> 
     </li> 
    </ul> 

EDIT: Извините всех, я не был ясно из того, что я был после.

Значение «3 Переданные» изменяется все время, может быть «1 Отправленные, 2 Отправленные» и т.д. Это активная ссылка, поэтому я хочу, чтобы иметь возможность нажать на него.,

Спасибо.

Answer 1

Возможно с xpath текста на основе поиска. Я считаю, что вы ищете селектор

//a[.='3 Sent'] 

Редактировать

Просто используйте селектор CSS затем,

a[href='#sent'] 

Answer 2

Вы можете просто получить его с помощью кода ниже:

$(document).ready(function(){ 
    $('li').find('a').each(function() { 

     if($(this).attr('href')=="#sent") 
     { 
      alert($(this).text()); 
     } 


    }); 
}); 

Here is JSFiddle

Answer 3

Из класса .active в следующем list элемент получить текст в якоре ,

var textInAnchor = document.querySelector(".active + li a").innerHTML; 
 

 
alert(textInAnchor)

<ul class="nav nav-tabs some-tabs"> 
 
    <li class="active"> 
 
    <a href="#accepted" data-toggle="tab">1 Accepted</a> 
 
    </li> 
 
    <li class=""> 
 
    <a href="#sent" data-toggle="tab">3 Sent</a> 
 
    </li> 
 
</ul>

из класса .some-tabs найти элемент ребенка list во втором положении, а затем вернуть его якорный текст

var textInAnchor = document.querySelector(".some-tabs > li:nth-child(2) a").innerHTML; 
 

 
alert(textInAnchor)

<ul class="nav nav-tabs some-tabs"> 
 
    <li class="active"> 
 
    <a href="#accepted" data-toggle="tab">1 Accepted</a> 
 
    </li> 
 
    <li class=""> 
 
    <a href="#sent" data-toggle="tab">3 Sent</a> 
 
    </li> 
 
</ul>

Получить href с value = #sent возвращением тексту

var textInAnchor = document.querySelector("[href='#sent']").innerHTML; 
 
alert(textInAnchor)

<ul class="nav nav-tabs some-tabs"> 
 
    <li class="active"> 
 
    <a href="#accepted" data-toggle="tab">1 Accepted</a> 
 
    </li> 
 
    <li class=""> 
 
    <a href="#sent" data-toggle="tab">3 Sent</a> 
 
    </li> 
 
</ul>

Answer 4

Попробуйте
Анкер тег при нажатии получает это поиск текста

$('.nav li a').on('click', function(e){ 
    e.preventDefault(); 
    console.log("Value is " + $(this).text()); 
});