jquery循环遍历图像并替换src

时间:2014-01-29 14:38:11

标签: jquery each

我需要遍历DOM中的所有图像并替换特定的来源 不知道为什么这不起作用。

UPDATE
我需要在每个图像的src中搜索和替换。如果源仅包含“old / directory”,则替换为“new / directory”。

jQuery('.element img').each(function () {
    jQuery(this).attr('src', jQuery(this).attr('src').replace("old/directory", "new/directory"));
});

3 个答案:

答案 0 :(得分:3)

通过将代码包装在$(function() { })

中,确保在更改图像源之前,所有DOM元素都已准备就绪
$(function() {
    jQuery('.element img').each(function () {
        jQuery(this).attr('src', jQuery(this).attr('src').replace("old/directory", "new/directory"));
    });
});

答案 1 :(得分:0)

这应该这样做:

$(function () {
    $('.element img').each(function () {
        var oldDir = "old/directory";

        if ($(this).attr('src').indexOf(oldDir) > -1) {
            $(this).attr('src', $(this).attr('src').replace(oldDir, "new/directory"));
        }
    });
});

答案 2 :(得分:-3)

试试这个......

$('.element img').each(function () {
    var img = $(this);
    if(img.attr("src").indexOf("old/directory") > -1) {
        img.attr('src', "new/directory");
    }
});