Javascript JQuery-迭代多个元素并替换src和href

我正在制作一个图像库网站，存储数千张图像。为了避免延迟客户端，我想添加分页，以便在用户单击“下一步/上一步”按钮浏览图像时，一次只获取X个图像

单击按钮时，包含页码的AJAX请求会发送到后端，后端会在

数据中返回新的分页图像文件名。images

我的目标是循环遍历HTML中的每个图像src和href属性，并用新图像文件名路径替换这些值，以便新图像显示在网页上

HTML:

{%用于数据中的图像[“图像”]%}
{%endfor%}

JQuery：

$('button').click(function() {

    $.ajax({
        url: "/get_images",
        type: "GET",
        data: { 
            page: 2,
        },
        success: function(data) {
            // the backend successfully returns the new image filenames in data.images
            console.log(data.images);

            // not exactly sure what to add here
            // to iterate through all of the elements and replace each href and src with the new image filename
        },
    });
});

---

像这样试试。为标记指定一些动态属性。使用动态属性id的modify src和href在ajax success函数中执行for循环

$（“按钮”）。单击（函数（）{
$.ajax({
url:“/获取图片”，
键入：“获取”，
数据：{
页码：2，
},
成功：功能（数据）{
对于（i=0；i

{%var i=0；%}
{%用于数据中的图像[“图像”]%}
{%i++%}
{%endfor%}
A
for
loop可能？谢谢，你能举个例子吗？