En este artículo, aprenderemos cómo generar un error de jQuery cuando no coincide con un elemento.
Enfoque: para realizar esta tarea, creamos una función y verificamos si el elemento dado existe o no, utilizando la propiedad de longitud del elemento. Si existe un elemento, la longitud del elemento es mayor o igual a 1; de lo contrario, la longitud del elemento es 0. Entonces, si el elemento existe, mostramos un mensaje; de lo contrario, arrojamos un error. Llamamos a la función antes de usar ese elemento. Si el elemento no existe, obtenemos un error.
Ejemplo:
HTML
<!DOCTYPE html>
<html>
<head>
<!-- JQuery CDN -->
<script src=
"https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js">
</script>
</head>
<body>
<h2 style="color:green">GeeksforGeeks</h2>
<b>Check for element existence using jQuery</b><br/>
<ul>
<li class="gfg1">CSS</li>
<li class="gfg3">HTML</li>
<li class="gfg4">JQuery</li>
</ul>
<div id="resultID"></div>
<script>
// Create a function that checks if the element exists or not.
$.fn.check = function(){
if(this.length === 0){
$("#resultID").show().html("This element does not exist!");
}
else
{
$("#resultID").show().html("This element exist!");
}
}
// Call check() function for li element having class gfg2.
$('li.gfg2').check();
</script>
</body>
</html>
Producción:
- Cuando usamos la función check() con un elemento de lista con la clase «gfg2» que no existe en el código anterior.
- Cuando usamos la función check() con el elemento de la lista con la clase «gfg3» que existe en el código anterior.
Publicación traducida automáticamente
Artículo escrito por nikhilchhipa9 y traducido por Barcelona Geeks. The original can be accessed here. Licence: CCBY-SA