2017-06-20 71 views
0

我想补充一点,也许我的解决方案是不是最好的一个...显示特定图像响应仅

我有一对夫妇在一个页面响应图像标签(使用引导-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'); 

这里是来了,我想的第一张照片不被隐藏,并在每次“页”上,并在同一时间呈现给响应

请告诉我如何处理它的问题。

+0

不知道我理解的最终目标,但尽量'$( 'IMG响应:没有(:第一) ')。ATTR(' SRC',“图像/ 1px.png');' –

+0

感谢它的工作! – NDym

+0

哦,太棒了,我会提交一个答案。 –

回答

0

要针对每一个.img-responsive除了第一个,你可以使用$.not():not$.first():first。最短的方法可能是使用

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