javascript - examples - Compruebe si el elemento existe en jQuery

jquery methods

Question

Esta pregunta ya tiene una respuesta aquí:

• ¿Existe una función “existe” para jQuery? 38 respuestas

¿Cómo .append() si existe un elemento si el elemento es creado por el método .append() ? $(''elemId'').length no me funciona.

Answer 1

¿Cómo compruebo si existe un elemento?

if ($("#mydiv").length){  }

Si es 0 , evaluará como false , algo más que eso es true .

No hay necesidad de una comparación mayor, menor que.

Answer 2

$(''elemId'').length no me funciona.

Necesitas poner # antes del elemento id:

$(''#elemId'').length
---^

Con JavaScript de vainilla, no necesita el hash ( # ), por ejemplo, document.getElementById(''id_here'') , sin embargo, al usar jQuery, debe colocar el hash en los elementos de destino basados ​​en id como CSS.

Answer 3

Intente verificar la longitud del selector, si le devuelve algo, entonces el elemento debe existir, de lo contrario no existe.

 if( $(''#selector'').length )         // use this if you are using id to check
{
     // it exists
}


 if( $(''.selector'').length )         // use this if you are using class to check
{
     // it exists
}

Answer 4

Prueba esto:

if ($("#mydiv").length > 0){
  // do something here
}

La propiedad de longitud devolverá cero si el elemento no existe.

Answer 5

Puede usar JS nativo para probar la existencia de un objeto:

if (document.getElementById(''elemId'') instanceof Object){
    // do something here
}

No se olvide, jQuery no es más que un envoltorio sofisticado (y muy útil) alrededor de los comandos y propiedades de Javascript nativos.

Answer 6

Si tiene una clase en su elemento, puede intentar lo siguiente:

if( $(''.exists_content'').hasClass(''exists_content'') ){
 //element available
}

Answer 7

También puede usar una notación similar a una matriz y verificar el primer elemento. El primer elemento de una matriz o colección vacía simplemente undefined está undefined , por lo que obtienes el comportamiento "normal" de javascript truthy / falsy:

var el = $(''body'')[0];
if (el) {
    console.log(''element found'', el);
}
if (!el) {
    console.log(''no element found'');
}

Answer 8

su elemId como su nombre lo indica, es un atributo de Id , esto es todo lo que puede hacer para verificar si existe:

Vanilla JavaScript: en caso de tener selectores más avanzados:

//you can use it for more advanced selectors
if(document.querySelectorAll("#elemId").length){}

if(document.querySelector("#elemId")){}

//you can use it if your selector has only an Id attribute
if(document.getElementById("elemId")){}

jQuery:

if(jQuery("#elemId").length){}