javascript - 获取 HTML 字符串中的所有图像

Question

我总是遇到麻烦，我正在使用 AJAX 加载文件：

$.ajax({
    url: fullHref,
    success : function(result) {
        console.log(fullHref+" was loaded via AJAX");
        saveImages(result);
    }
});     

并尝试遍历所有图像result：

function saveImages(file){
    console.log("savesImages enterd");
    $(file).find('img').each(function(){
        console.log("The file has this image : "+$(this).attr('src'));
    });
}
}

我也试过：

• $('img',file)
• $('img',$(file))
• $('img',$(file).html())

然而它并没有进入循环。

有什么建议么？我正在使用 Chrome，我不想使用正则表达式。

Answer 1

尝试filter()而不是查找：

$(file).filter('img').each(function() { /* ... */ });

find()img如果字符串中的元素都在根级别，则向下查找不是您想要的 DOM 树。

Answer 2

只需创建一个新节点并设置innerHTML它。

$('<span></span>').html(file).find('img').each(...