你能在JQuery中提取nth-child值吗？

Question

我有一个包含不确定数量子元素的列表：

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

如果我点击这些元素中的任何一个，是否可以找出它们在列表中的子项编号，并将该值传递给变量？

- DLaugharn

Answer 1

是的，jQuery的index方法可以给你这个信息：

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

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

：这是一个指向 jQuery API 文档的链接。

- Eli

Answer 2

从1.4版本开始，

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

- Stefan Kendall

Answer 3

可以使用 .index() 方法。示例代码 : http://jsfiddle.net/jomanlk/Gy88N/

代码如下

<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())
})

- JohnP