Question

我在div下方有4张空白图片（图片来自背景网址）

    <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>

下面我的产品网格带有“添加”按钮。

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

同样，当我添加多个产品时，他们的图像应填入下一个元素。

我尝试使用以下功能，但它会立即填充所有元素。

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

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

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

        }

任何想法如何逐个而不是一次性完成。

Answer 1

您可以为每个图片标记指定不同的ID 并且在循环中你可以获得微粒图像标签的id然后使用一些if else条件你可以轻松地将src分配给你想要的图像标签

jQuery将图像分配给连续的元素

1 个答案: