jQuery的分配图像连续元素

我有以下4个空白图像（图像从背景网址来）jQuery的分配图像连续元素

<div style="float: left; display: block; width: 50%;"> 
     <p>Choose 4 Club Items</p> 
     <br> 
     <a href="#product_grid"><span class="empty-plus-container"><img src="criteria1"></span></a> 
     <a href="#product_grid"><span class="empty-plus-container"><img src="criteria1"></span></a> 
     <a href="#product_grid"><span class="empty-plus-container"><img src="criteria1"></span></a> 
     <a href="#product_grid"><span class="empty-plus-container"><img src="criteria1"></span></a> 
    </div>

下面我DIV有“添加”按钮，产品网格。

现在当我添加第一个产品时，我想要在第一个元素中填充产品图像。

同样，当我添加多个产品时，它们的图像应填充到下一个元素中。

我试着用下面的函数，但它是一次填充所有的元素。

 var items = document.getElementsByName('criteria1'); 

     for(var x = 0; x < items.length; x++) { 

      items[x].setAttribute("src","second.jpg"); 

     }

任何想法如何由一个而不是一次全部做到这一点的。

来源

2017-02-21 Nitz

你可以给每个图像标签给不同的ID，并在循环中，您可以得到颗粒图像标签的ID，然后使用一些的if else条件，你可以轻松地分配给SRC要

图像标记

来源

2017-02-21 15:26:32

jQuery的分配图像连续元素

回答

相关问题