如何使用jquery获取带索引的元素的id？

Question

使用.index()我们可以获得元素的位置或索引。现在我想知道 我们可以使用其索引获取元素id吗？

一个例子，

<ul id="unOrderedList">
<li id="gears"><a class="links" href="#">Click here!</a></li>
<li id="tyres"><a class="links" href="#">Click here!</a></li>
<li id="rear"><a class="links" href="#">Click here!</a></li>
<li id="mirror"><a class="links" href="#">Click here!</a></li>
<li id="charger"><a class="links" href="#">Click here!</a></li>
<li id="port"><a class="links" href="#">Click here!</a></li>
<li id="list"><a class="links" href="#">Click here!</a></li>
</ul>

对于上面的标记，如果我想知道第4 <li>个id是什么意思，怎么用jquery做呢？

提前致谢！

Answer 1

如果你提前有索引，只需使用:eq选择器，如下所示：

$("#unOrderedList li[id^=list]:eq(3)").attr("id")

或使用.eq过滤器方法：

$("#unOrderedList li").eq(3).attr("id")

编辑：我猜这就是你所追求的：

$("#unOrderedList li a.links").click(function() {
    alert($(this).parent().attr("id"));
});

Try it here.

Answer 2

$('#unOrderedList li').eq(Index).attr( 'id' )

Answer 3

    $('ul li a').click(function(index){
          $(li).eq(Index).attr( 'id' )

)

Answer 4

var id = $('#unOrderedList li:eq(3)').attr("id");