仅显示特定的响应图像

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');

问题出现了，我希望第一张照片不被隐藏，并且会出现在每个＆＃34;页面上＃34;并在同一时间做出回应

请告诉我如何处理它。

Answer 1

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

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