jquery - 仅显示特定的响应图像

Question

我想补充一点，也许我的解决方案不是最好的...

我在一页上有几个响应式图像标签(使用 Bootstrap-3.1.1)

<a><img src="" id="Id1" class="img-responsive" alt="" /></a>
<a><img src="" id="Id2" class="img-responsive" alt="" /></a>
<a><img src="" id="Id3" class="img-responsive" alt="" /></a>

I have also pagination on this page 

<nav aria-label="Page navigation">
<ul class="pagination" id="pagination"></ul>
</nav>

每次点击分页我都会从数据库中获取照片。因为我的分页被破坏了，我必须在数据库中的数据到来之前隐藏每张照片 - 我不确定数据库中还剩下多少照片......而且如果数据库中没有剩余图像，则应该隐藏一个图标小图标:

$('.img-responsive').attr('src', 'images/1px.png');

问题来了，我希望第一张照片不被隐藏，而是显示在每个“页面”上，同时响应

请告诉我如何处理它。

Answer 1

要定位除第一个以外的每个 .img-responsive，您可以使用 $.not() 或 :not 和 $.first() 或 :first。最短的方法可能是使用

$('.img-responsive:not(:first)').attr('src', 'images/1px.png');