javascript - jQuery $.post 并在生成的 HTML 中搜索

Question

我有以下代码:

$.post(
    url,
    send_to,
    function(data) {
        console.log($(data).find("img");
    }
);

我从服务器得到一些结果，想在该结果 HTML 代码中找到 img 标记的 src 值，但它不起作用。

如何在接收到的数据中搜索img标签？

Answer 1

您的代码应该可以正常工作。 jQuery function ( $(data) ) 会将有效的 HTML 字符串转换为(分离的)节点树。

不过请注意， find() 搜索调用它的元素或元素集合的后代。如果你的<img>在 HTML 的顶层，使用 filter() 反而。例如:

<!-- Returned HTML: -->
<p>Here's a nice image of a kitten:</p>
<img src="demonic_kitten.png" />
<p>Muhahahaha!</p>

/* JavaScript (callback function): */
var success = function(data) {
    console.log($(data).filter("img");
};

如果<img>不在顶层，请确保返回的数据是有效的 HTML 并包含 <img>首先。