Question

这是我的HTML：

<li class="pusher"></li>
<li>
    <div>
        <img src="~/Images/photo1.jpg" />
        <h1>This is a title a bit longer</h1>
        <p>Some sample text about the article this hexagon leads to</p>
    </div>
</li>

我有一个文件夹，里面装满了名为photo1.jpg，photo2.jpg等的图片，我希望找到一种方法让我的img src为我的文档包含的每个div拍摄不同的图片。

我知道它是关于.each函数但实际上我不知道如何在属性更改时很好地使用它。

有人可以帮忙吗？

Answer 1

以下是您可以尝试的示例JQuery代码：

var count = 1;
$('li').each(function() {
  $(this).find('img').attr('src', 'Images/photo' + count + '.jpg');
  count++;
});

当然，它假定重复使用相同的HTML（如所讨论的那样），并且每个LI都有一个img标记。

Answer 2

如果您不打算改变文件夹中的照片数量，则可以通过为<img>个元素id 1, 2, 3, 4, ... for (i=1; i<(number of images); i++) { document.getElementById(i).src="/sourcefolder/photo"+i+".jpg" }提供静态数据。等等。

然后它是一个简单的for循环：

{{1}}

让我知道这对你有用吗？

通过浏览文件夹为每个div分配不同的图像

2 个答案: