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