jquery - 如何使用 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>

对于上面的标记，如果我想知道第四个 <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.