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

Question

所以Ajax调用会以html的形式返回一些数据。

我正在使用var comment = $("<ul />").html(data);

从此数据创建元素

现在我想从上面刚刚创建的comment元素中的另一个元素中获取html内容。 我正在使用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()^(docs)，appendTo()^(docs)新<div>，遍历parent()^(docs) <div>并获取其html()^(docs)内容。

这个答案假定只找到一个 .comment-body。