jQuery - 在另一个元素中查找一个元素并获取它的 html 内容

Question

因此 Ajax 调用将返回一些 html 数据。

我正在使用 var comment = $("

").html(data); 从此数据创建一个元素

现在我想从另一个元素中获取 html 内容我刚刚在上面创建的 comment 元素。 我正在使用 var commentbody = comment.find(".comment-body").html();

这可行，但问题是我只获取元素的内容。我也想获取元素标签。

我怎样才能做到这一点？

Answer 1

您可以这样做：

var commentbody = comment.find(".comment-body");

var outerHTML = commentbody[0].outerHTML || 
                          commentbody.clone().appendTo('<div>').parent().html();

首先在这里找到您想要的 .comment-body 元素。然后，您可以使用 [0] 访问 DOM 元素并获取其 outerHTML 属性。

如果它没有 outerHTML 属性，则创建一个 clone()^（文档） 其中，appendTo()^(docs)一个新的

，遍历到parent()^(docs)

并获取其 html()^（文档） 内容。

此答案假设仅找到一个 .comment-body。