JQuery rileva se un tag è a chiusura automatica

Question

C'è un modo per rilevare se un tag si chiude automaticamente con JQuery come un tag immagine? Qualcosa di dinamico non solo un tag immagine.

if ($('.selector')[0].tagName.toLowerCase()=="img") { 
    // do something 
} 

Answer 1

È necessario distinguere tra un elemento vuoto o auto-chiusura? In caso contrario, è possibile utilizzare:

if ($(".selector").is(":empty")) { 
    // do something 
} 

Ma se si sta parlando di rilevare se un determinato tag HTML deve essere vuoto o no, no, non può fare a livello di codice perché non siete fermati dalla creazione non valida HTML e devi convalidarlo con una DTD per scoprirlo.

Answer 2

jQuery utilizza questa lista internamente:

/^(?:area|br|col|embed|hr|img|input|link|meta|param)$/i 

Si può fare lo stesso:

if(/^(?:area|br|col|embed|hr|img|input|link|meta|param)$/i.test($('.selector')[0].tagName)) { 
//do something 
} 

Answer 3

Si potrebbe verificare il .html() di accesso per vedere se si restituisce una stringa vuota. Anche se questo restituirà true su <p></p> ma farei l'imaging a tutti gli effetti che potrebbe essere trattato come un tag di chiusura automatica.

Answer 4

Hai bisogno di un po 'di background. Il markup HTML inviato attraverso il wire viene analizzato dal browser in un albero DOM. Al punto, il markup originale è sparito, è servito allo scopo e non esiste più. Quando si esegue innerHTML su un elemento, non è l'HTML letterale che ha generato l'elemento, ma la serializzazione del browser di tale sottostruttura DOM.

Il punto è, non c'è differenza tra <div /> e <div></div>. Quindi, guarda se ha bambini. In caso contrario, l'elemento ha una possibile rappresentazione XHTML che utilizza un tag a chiusura automatica.

element.children().length == 0 

o come Cletus dice:

element.is(":empty")