JQuery: Comprobar si existe el elemento junto a '.Remove()'

Question

Sé que usted puede comprobar si existe un elemento con $('div').length, pero cuando un elemento se destruye utilizando .remove(), .length todavía informes existe el div. ¿Cómo puedo saber si realmente existe o no?

if ($('div').length) { 
    alert('yes') 
} else { 
    alert('no') 
} 

Answer 1

prueba si tiene un padre:

if ($element.parent().length) { alert('yes') } 
else { alert('no') } 

o si tiene una referencia al elemento DOM:

if(element.parentNode) { 
    // yes 
} 

Obviamente, esto sólo funciona para los elementos que ya tienen una referencia a.

FWIW, el elemento en sí aún existe, simplemente no es parte del árbol DOM.

Answer 2

¿Por existir, quieres decir que quieres ver si existe en el dom? Comprobar para ver si "html" es un antepasado:

var $myDiv = $(".myDiv"); 
$myDiv.closest("html").length; // returns 1 
$myDiv.remove(); 
$myDiv.closest("html").length; // returns 0 

O utilice .is("html *"). Devuelve un valor lógico, lo cual es práctico:

var $myDiv = $(".myDiv"); 
$myDiv.is("html *"); // returns true 
$myDiv.remove(); 
$myDiv.is("html *"); // returns false 

Answer 3

se puede obtener la matriz del elemento antes de retirar el elemento y después del elemento se ha eliminado se puede comprobar de esta manera!

var parent = $(element).parent(); 
    $(element).remove(); 

    if(parent.children(element)) { alert('yes'); } 
    else { alert('no'); } 

por supuesto elemento sería algún selector de jQuery

Answer 4

if (!$foo.closest('html').length) { 
    //Element is detached 
} 

Esto seguirá funcionando si uno de los padres del elemento fue eliminado (en cuyo caso el elemento en sí va a tener un padre).

Cito this answer.