javascript - 使用 jquery 获取 html 元素

Question

如果我有以下 html 代码

<div id="tabs">
    <ul>
       <li><a href="#tab-One" class="tabLink">This is tab one</a></li>
       <li><a href="#tab-Two" class="tabLink">This is tab two</a></li>
    ...
    </ul>
</div>

我怎么能将此字符串获取到某个 js 变量One或Two（这当然是动态数据）。这个字符串正好在#tab-和之间class=

Answer 1

var text = $("#tabs .tabLink[href='#tab-" + someJsVar + "']").text();

Answer 2

假设您想在点击时执行此操作，您可以执行以下操作

var activeTab = null;
$('#tabs .tabLink').click(function() {
    activeTab = $(this).attr('href').split('-')[1];
    window.alert(activeTab);
});

Answer 3

这将遍历所有 .tabLinks 并获取您正在寻找的值。

$('#tabs').find('.tabLink').each(function(i,el){
    alert($(el).attr('href').replace('#tab-',''))
});​