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

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 标签。