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

这是我的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拍摄不同的图片

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

---

有人能帮忙吗？

如果你不打算改变文件夹中的照片数量，你可以通过给每个元素一个id 1、2、3、4。。。等等

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

---

让我知道这对您是如何工作的？

以下是一个示例JQuery代码，您可以尝试：

for (i=1; i<(number of images); i++)
{
  document.getElementById(i).src="/sourcefolder/photo"+i+".jpg"
}

---

当然，它假设重复了与上述问题相同的HTML，并且每个LI都有一个img标记。

在这种情况下，h1和p标记将被删除，因为您已将ID分配给div标记，并且正在div标记中设置HTML。您是对的。我现在编辑了我的原始解决方案，只更改元素而不是内容。当然，这是假设页面已初始化足够的and元素，而不是在运行时生成新的and元素哦，是的，谢谢！我正在编写这个Jquery的过程中，但是它没有工作，最后，你输入的计数工作得很好！非常感谢

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