Question

您好我需要一个jQuery函数来向页面中的所有图像的src添加文本。例如，在我的页面加载一分钟之后，我想将"mobileserver"添加到所有图像的src中。

<img src="mobileserver/images/sampleimage.jpg" />

Answer 1

您可以使用 setTimeout() 设置延迟，并使用回调函数 attr() 更新src属性，

$(document).ready(function () {
   setTimeout(function () {
        $('img').attr('src',function (i,v) {
            return 'mobileserver/' + v;
        });
    }, 60000);
});

Answer 2

JQUERY ANSWER
正如Wolff所说，使用setInterval代替setTimeout

没有意义

$(document).ready(function () {
    setTimeout(function () {
        $('img').each(function () {
            var nSrc= 'mobileserver/' + $(this).attr('src');
            $(this).attr('src', nSrc);
        });
    }, 60000);
});

的修改
由于我的回答并不完全正确，我试图得到这些点，所以这里是一个纯粹的JavaScript解决方案：

(function () {
    setTimeout(function () {
        var imgTag = document.getElementsByTagName("img"),
            count = imgTag.length;
        for (var i = 0; i < count; i++) {
            imgTag[i].setAttribute("src", 'mobileserver/' + imgTag[i].getAttribute('src'));
        }
    }, 60000);
})();

唯一的问题可能是浏览器兼容性，请检查此答案以了解其他方法，以检查文档是否准备就绪：https://stackoverflow.com/a/9899701/1139052

将文本添加到图像的src

2 个答案: