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

时间:2011-02-26 05:50:00

标签: jquery

我有一个不确定数量的子元素列表:

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

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

3 个答案:

答案 0 :(得分:17)

是的,jQuery索引方法将为您提供以下信息:

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

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

答案 1 :(得分:2)

截至1.4,

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

答案 2 :(得分:2)

是的,您可以使用.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())
})