JQuery detecta si una etiqueta se cierra automáticamente

Question

¿Hay alguna forma de detectar si una etiqueta se cierra automáticamente con JQuery como una etiqueta de imagen? Algo dinámico no solo una etiqueta de imagen.

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

Answer 1

¿Necesita distinguir entre un elemento que está vacío frente a uno de cierre automático? Si no es así, puede utilizar:

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

Pero si estamos hablando acerca de cómo detectar si una etiqueta HTML dado debe estar vacío o no, no, no puedes hacer eso mediante programación, ya que no está detenido desde crear inválida HTML y necesita validarlo contra una DTD para averiguarlo.

Answer 2

jQuery utiliza esta lista interna:

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

Usted puede hacer lo mismo:

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

Answer 3

se puede comprobar el descriptor de acceso .html() para ver si se devuelve una cadena vacía. Aunque esto volverá a ser cierto en <p></p>, pero tendría imágenes para todos los efectos que podrían tratarse como una etiqueta de cierre automático.

Answer 4

Necesita un poco de experiencia. El código HTML que se envía a través del cable lo analiza el navegador en un árbol DOM. En el punto, el marcado original se ha ido, se ha cumplido su propósito y ya no existe. Cuando se hace innerHTML en un elemento, ese no es el HTML literal que generó el elemento, sino la serialización del navegador de ese subárbol DOM.

El punto es que no hay diferencia entre <div /> y <div></div>. Así que solo mira si tiene hijos. Si no lo hace, el elemento tiene tiene una posible representación XHTML que utiliza una etiqueta de cierre automático.

element.children().length == 0 

o como Cletus dice:

element.is(":empty")