使用与 jQuery.html() 链接的 jQuery.not()

Question

是否可以使用与 jQuery.html() 链接的 jQuery.not() ？

winner.not('a').html()

其中 winner 是一个 jQuery 对象/包装集，我试图返回删除锚点的 HTML。

Answer 1

.html() 将返回innerHTML - 其中将包含任何 A 标签，您可以这样做：

// clone the matched div:
var copy = winner.clone();
// remove all A tags from the DOM
copy.find("a").remove();
// get the html.
var noanchors = copy.html();

另外 - 如果您想获取 A 中的文本- 但不是 A 本身 - 你可以使用：

// for each A tag
copy.find("a").each(function() {
  //insert the text within ourselves to the document directly before us.
  $(this).before($(this).text());
  // then delete ourselves
  $(this).remove();
});

虽然如果 中有任何其他标签，这实际上可能会有点混乱 - 它应该说明这个想法。

Answer 2

这是可能的，但不会给您带来预期的结果。 not('a') 将从您的 winner 集合中过滤 a 标签，但 html() 会返回您集合中第一项的值。

因此，如果您的获胜者有[div#i1 div#i2 a div#i3 a]，not('a')将减少此组[div#i1 div#i2 div#i3] 和 html() 将返回 div#i1 的 HTML 内容。

如果你想从 HTML 中删除锚点，我认为你应该首先使用 .html() 方法，然后用一些正则表达式替换返回的值，以去除锚点。

Answer 3

或者，您可以使用类似这样的方法：

var noanchors = '';
winner.not('a').each(function() { noanchors = noanchors + $(this).html(); )

获取非 a 元素的 html 的串联。然而，这可能会错过各种标签封闭项目之间的任何顶级文本。