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.
Contenido
Comprobar que existe el elemento usando jQuery
1 2 3 | if ($('selector').length) { console.log('Comprobamos que el selector existe y por lo tanto puedo hacer algo con el.'); } |
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
1 2 3 4 5 | <span class="pln">jQuery</span><span class="pun">.</span><span class="pln">fn</span><span class="pun">.</span><span class="pln">exists </span><span class="pun">=</span> <span class="kwd">function</span><span class="pun">(){</span><span class="kwd">return</span> <span class="pun">(</span><span class="pln">$</span><span class="pun">(</span><span class="kwd">this</span><span class="pun">).</span><span class="pln">length </span><span class="pun">></span> <span class="lit">0</span><span class="pun">);}</span> <span class="kwd">if</span> <span class="pun">(</span><span class="pln">$</span><span class="pun">('</span><span class="pln">selector'</span><span class="pun">).</span><span class="pln">exists</span><span class="pun">())</span> <span class="pun">{ console.log('Comprobamos que existe el selector con una función de jQuery y ya podemos trabajar con el.'); </span><span class="pun">}</span> |
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
1 2 3 | <span class="kwd">if</span> <span class="pun">(</span><span class="pln">document</span><span class="pun">.</span><span class="pln">getElementById</span><span class="pun">(</span><span class="str">'id_elemento'</span><span class="pun">))</span> <span class="pun">{</span> <span class="com">console.log('Comprobamos a través de JavaScript que existe el elemento con la id seleccionada, ya podemos trabajar con el.');</span> <span class="pun">}</span></code><code> |
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.