javascript - LIからインデックス番号を取得する

Question

重複の可能性：
jQueryで親インデックスを取得する

クリックするとli a-のインデックス番号を取得したいli

例えば：

<ul class="tabs">
    <li><a class="active" href='#'>One</a></li>
    <li><a href='#'>Two</a></li>
    <li><a href='#'>Three</a></li>
</ul>

jQueryコードを試しましたが、機能しないようです。

$("ul.tabs li a").on("click",function() {
        var li = $(this).prev();
        alert($(li).index(this));
});

Answer 1

あなたは必要あり.parent()ません.prev()

var li = $(this).parent();
alert( li.index() );

デモ

Answer 2

これは私のために働いた。http://jsfiddle.net/mqdAe/

HTML

<ul class="tabs">
    <li><a class="active" href='#'>One</a></li>
    <li><a href='#'>Two</a></li>
    <li><a href='#'>Three</a></li>
</ul>

JS

$("ul.tabs li a").on("click",function() {
        var li = $(this).parent();
        alert(li.index());
});