-8

我想使用 jquery 检索 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);
    }); 

但我想优化代码

4

2 回答 2

0

我不确定我是否理解这个问题,但你为什么不使用属性选择器呢?

$('a[href*="#TabStrip"])…
于 2012-09-26T19:49:27.670 回答
0

使用元素的类(例如$('.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>
于 2012-08-16T02:09:10.140 回答