javascript - jQuery.find() 在 html 变量中不起作用

Question

我有一个非常简单的问题，并不断寻找更复杂的类似问题的答案。我正在尝试替换加载的 html 中的图像链接，并决定最好的方法是使用 .get() 将 html 读入字符串变量 loadedHTML，如下所示:

$.get(loadURL, function(loadedHTML) {
    myFunction(loadedHTML);
}, 'html');

在 myFunction 中，我想对加载的 html 进行一些更改并最终返回它。我无法让 .find() 工作。该代码如下所示:

function myFunction( html ) {
    var $html = $("<div>" + html + "</div>");
    console.log( "$html.html() = " + $html.html()); // works!
    $html.find("img", function() {
        console.log("found an image"); // doesn't work :(
    });
}

我正在用一些可能非常简单的东西自杀。请让我知道我有多愚蠢......

Answer 1

我几乎可以肯定，您不能以您现有的方式使用 find。

尝试如下:

var $foundImages = $html.find("img");
console.log($foundImages.length);

理论上，这会输出找到的图像数量。