Как получить текст элемента li с помощью jquery

Question

Я хотел бы получить текст элемента li с помощью jquery для (например, Events) и отобразить его. Как я могу это сделать? Мой HTML выглядит следующим образом:

<ul> 
<li class="t-item t-state-active"> 
<a class="t-link" href="#TabStrip-5">Happening</a> 
</li> 
<li class="t-item t-state-active"> 
<a class="t-link" href="#TabStrip-5">Birthday</a> 
</li> 
<li class="t-item t-state-active"> 
<a class="t-link" href="#TabStrip-5">Events</a> 
</li> 
</ul> 

Пожалуйста, см реализация ниже

function Gettext() { 
    var tabstrip = $("#TabStrip").data("tTabStrip"); 
    $("li", tabstrip.element).each(function() { 
     var item = $(this)[0]; 
     if (item.textContent == 'Events' 
      return tabstrip.select(item); 
    }); 

Но я хочу, чтобы оптимизировать код

Answer 1

Используйте класс элемента (например, $('.classname')) или идентификатор (например, $('#id')), а затем вызвать функцию text()

$('.classname').text(); 
$('#id').text(); 

Для событий, вы можете сделать:

$('.t-link:last-child').text(); 

Но я бы рекомендовал добавить идентификатор для одноточечного подобное:

<a class="t-link" href="#TabStrip-5" id="events-link">Events</a> 

тогда ...

$('#events-link').text(); 

EDIT

Для динамических позиций вы определенно хотите назначать идентификаторы каждой ячейке если вы пытаетесь захватить отдельную ячейку.

Может быть что-то вдоль линий (без конкретного серверного языка)

$name = "Events"; 

print '<a class="t-link" href="#TabStrip-5" id="' . strtolower($name) . '-link">' . $name . '</a> 

Answer 2

Я не уверен, что понял вопрос, но почему бы вам не использовать селектор атрибута?

$('a[href*="#TabStrip"])…