jquery - 隐藏没有唯一标识符的选定元素

Question

使用下面的代码示例，我想做的是将图像保留在前 2 个列表对象中，但隐藏对象 3 和 4 中的图像。

从第四个对象中删除图像非常简单，但是如何从第三个对象中删除图像，同时将图像保留在第二个对象上。

<ul id="list">
<li class="start"><img class="postImage" src="image1.png" /><p>Some text here</p></li>
<li><img class="postImage" src="image2.png" /><p>Some text here</p></li>
<li><img class="postImage" src="image3.png" /><p>Some text here</p></li>
<li class="end"><img class="postImage" src="image4.png" /><p>Some text here</p></li>
</ul>

Answer 1

使用 jQuery 的 gt() selector 。

要隐藏与这些图像关联的整个li，请使用:

$("#list li:gt(1)").hide ();

要仅隐藏图像，请使用:

$("#list li:gt(1) img").hide ();

See it in action at jsFiddle.