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-',''))
});

用jquery获取html元素

3 个答案: