Как jQuery относится к элементам комментариев?

Question

Я всегда думал, что jQuery работает только с DOM элементами , то есть теми узлами, которые имеют nodeType == 1.

Однако я шокирован тем, что при создании HTML $("<p> </p><!-- comment -->") получается:

[p, Comment { data=" comment ", length=21, nodeName="#comment", more...}] (форматирование Firebug)

Я принял HTML от AJAX, и таким образом был создан комментарий DOM, который был передан где-то функции, применимой только к элементам: defaultView.getComputedStyle( elem, null )

Есть ли какой-то чистый выход из этого?

Answer 1

Я всегда думал, что jQuery работает только с элементами DOM

Только его селекторы выбор элементов 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("*"));