Question

我想使用jquery（例如，Events）检索li元素的文本并显示它。我怎样才能做到这一点？我的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（例如$('#id')），然后调用text()函数

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

对于活动，你可以这样做：

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

但我建议为单身人士添加一个Id：

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

...然后

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

修改

对于动态位置，如果您尝试抓取单个单元格，则肯定要为每个单元格分配ID。

也许某些事情（没有特定的服务器端语言）

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

Answer 2

我不确定我理解这个问题，但为什么不使用属性选择器呢？

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

如何使用jquery检索li元素的文本

2 个答案: