javascript - JQuery - $ ('#test ul > li' ).index(2).hide(); - 可能的？

Question

我可以如此轻松地使用索引值吗？我认为使用自然索引值比使用类更好。我想以这种方式使用 .index。

HTML

<div id="test">
<ul>
<li>Im index 0</li>
<li>Im index 1</li>
<li>Im index 2</li>
<li>Im index 3</li>
</ul>
</div>

伪(Jquery)Javascript

$('#test ul > li').index(2).hide();

$('#test ul > li').index(1).click(function() {
 alert('lulz you clicked the li with the index value of 1 bro');
});

我没有找到如何使用 .index 值以这种方式工作的线索。是否可以使用这种方法轻松工作？

Answer 1

您可以使用 eq :

$('#test ul > li').eq(2).hide();

它也可以是你的选择器的一部分:

$('#test ul > li:eq(2)').hide();

如果你想要#test中所有ul中的第三个li，你可以使用nth-child (注意它是基于 1 的):

$('#test ul > li:nth-child(3)').hide();