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()向下看DOM树，如果字符串中的img元素都在根级别，那么这不是你想要的。

Answer 2

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

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

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

2 个答案: