Können Sie den nth-child-Wert in JQuery extrahieren?

Question

Ich habe eine Liste mit einer unbestimmten Anzahl von untergeordneten Elementen:

<ul>
    <li ID="alpha"></li>
    <li ID="bravo"></li>
    ...
    <li ID="hotel"></li>
    ...
</ul>

Wenn ich auf eines dieser Elemente klicke, wäre es dann möglich herauszufinden, welche untergeordnete Nummer sie in der Liste haben, und diesen Wert an eine Variable zu übergeben?

Answer 1

Ja, die jQuery-Index-Methode gibt Ihnen diese Informationen:

$(this).index(); // will return the index relative to its other siblings.

http://api.jquery.com/index/

Answer 2

Ab dem 1.4,

$('li').click(function(){
   alert( $(this).index() );
});

Answer 3

Ja, Sie können die Methode .index() verwenden. Beispiel hier: http://jsfiddle.net/jomanlk/Gy88N/

Code folgt

<ul>
    <li ID="alpha">Item 1</li>
    <li ID="bravo">Item 2</li>
    <li ID="hotel">Item 3</li>
    <li ID="hotel2">Item 4</li>
    <li ID="hotel3">Item 5</li>
</ul>

$('ul li').click(function(e){
    alert($(this).index())
})