In che modo jQuery tratta gli elementi dei commenti?

Question

Ho sempre pensato che jQuery funzioni solo sugli elementi DOM , ovvero quei nodi che hanno nodeType == 1.

Tuttavia sono scioccato dal fatto che durante la creazione di HTML $("<p> </p><!-- comment -->") risultati in:

[p, Comment { data=" comment ", length=21, nodeName="#comment", more...}] (formattazione Firebug)

ho accettato alcune HTML e AJAX un DOM commento è stato creato in questo modo e passato da qualche parte a una funzione che è applicabile solo agli elementi: defaultView.getComputedStyle(elem, null)

C'è qualche via d'uscita pulita da questo?

Answer 1

Ho sempre pensato che jQuery funziona solo su DOM elementi

suoi selettori solo selezionare elementi DOM. Nel tuo caso, stai creando nodi dalla stringa HTML che hai fornito. Quindi jQuery analizza la stringa e ti restituisce i nodi che stai richiedendo.

Per pulirlo, fare un .filter().

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

Answer 2

Hmm, un problema interessante. Dopo aver smanettato un po 'ho scoperto che è possibile rimuoverli usando .filter con lo universal selector (*).

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