jQuery 如何处理注释元素？

Question

我一直认为 jQuery 仅对 DOM 元素 进行操作，即那些具有 nodeType == 1 的节点。

然而，令我震惊的是，在创建 HTML $("

") 时，结果是：

[p, Comment { data=" comment ", length=21, nodeName="#comment", more...}] （Firebug 格式）

我通过 AJAX 接受了一些 HTML，并以这种方式创建了 DOM Comment 并传递到某处仅适用于元素的函数： 有没有一些干净

的方法可以解决这个问题？

Answer 1

我一直认为 jQuery 只对 DOM 元素进行操作

它的选择器仅 select DOM 元素。在您的例子中，您将根据您提供的 HTML 字符串创建节点。因此 jQuery 解析该字符串并返回您所要求的节点。

要清理它，请执行.filter()。

var els = $("<p> </p><!-- comment -->").filter(function() { 
                                                  return this.nodeType === 1; 
                                               });

Answer 2

嗯，一个有趣的问题。经过一番摆弄后，我发现您可以使用 .filter 使用通用选择器 (*）。

var a = $("<p></p><!-- comment -->");
console.log(a);
console.log(a.filter("*"));