Como saber si un elemento existe con jQuery

A veces nos encontramos con jQuery, que no sabemos si un elemento ha sido creado o no, y si le intentamos atacar directamente, sin que ese elemento exista, nos va a salir un error de Javascript.

Así que para que eso no nos ocurra deberemos comprobar antes si dicho elemento existe y a continuación os pondré varios métodos para comprobarlo.

Comprobar que existe el elemento usando jQuery

Como veis es muy fácil saber si existe o no un elemento HTML con jQuery.

También si nos interesa, podríamos crear una función y así tenerlo de forma más accesible y limpia.

Comprobar que existe el elemento usando una función de jQuery

De esta forma seguiría más el standard PSR-1, el cual se puede aplicar a cualquier entorno de programación.

Por último, voy a explicaros como se podría hacer con JavaScript, puro y duro, que será mucho más rápido, pero nos limita bastante a que solo tiremos de ID, mientras que con jQuery, podemos usar los selectores que nos apetezcan.

Pero como el saber no ocupa lugar, pues os explico como se haría en Javascript para que tengáis el máximo de información disponible.

Comprobar que existe un elemento con un id específico con JavaScript

Seguramente siempre usaremos jQuery para hacer las comprobaciones, pero quizás en algún sitio con esta simple instrucción de JavaScript nos pueda servir, para saber si un elemento con una id específica existe.

Espero que os haya podido servir de ayuda. Y si teneis más dudas sobre jQuery, JavaScript o PHP, no dudeis en comentarmelo.

Comparte si te ha gustado:
Share on Facebook
Facebook
0Tweet about this on Twitter
Twitter
Share on LinkedIn
Linkedin
Share on Tumblr
Tumblr
0Digg this
Digg

Obtener todos los elementos de un mismo tipo en un formulario en jQuery

A veces necesitamos modificar todos los campos de un formulario, ya sea para ponerle a todos el mismo valor o ya sea para otros menesteres.

En el primer ejemplo, os muestro como tocando un botón asignamos a todos los input de tipo texto un valor concreto.

HTML:

 

jQuery:

Así de esta forma solo actuaríamos con los inputs del tipo texto que estarían dentro del mismo formulario donde tenemos el botón, si en la página hubieran más formularios con inputs del tipo texto, no se verían afectados.

Espero os haya servido y recordad:

No olvidéis de comentar, vuestro código y en el blog 😉

 

Comparte si te ha gustado:
Share on Facebook
Facebook
0Tweet about this on Twitter
Twitter
Share on LinkedIn
Linkedin
Share on Tumblr
Tumblr
0Digg this
Digg