JQUERY - DOM rapidez VS validacion

leif_sk8er · #1 (**permalink**) 09/10/2010, 09:44

Tengo una duda. En la validacion web se enseña que no pueden haber elementos con divs repetidos.

No puede haber:

Código HTML:

Ver original<div id="bloque1">
   <div id="contenido"></div>
</div>
<div id="bloque2">
   <div id="contenido"></div>
</div>

Se dice de poner el id contenido como una clase por ejemplo o id contenido1 y contenido2.

Con jquery es mucho mas rapido moverse por el DOM por ID´s que por clases:
Es mas rapido $("#contenido1") que $(".contenido")

Pero el problema es que cuando cargas cosas por ajax dinamicamente es dificil luego ir aplicando IDs dinamicamente y luego saber su nombre. Hay que hacer un par de lineas de mas. Entonces, realmente pasa algo si se repiten nombres de ID. Es muy grabe?

tredio · #2 (**permalink**) 09/10/2010, 10:13

como lo dice el nombre ID, es un identificador, es por ello que debe ser unico en toda la pagina, aunque he probado y jQuery al hacer $('#id_elemento') si busca todos los elementos que tengan ese id, pero no es lo correcto.

leif_sk8er · #3 (**permalink**) 09/10/2010, 14:06

Exacto, un each coje todos, lo trabaja en ese sentido como si fuese una clase, y en la anidacion lo encuentra igual... pero lo que no se por que no es lo correcto, todo el mundo lo dice y yo tb lo he aprendido asi, pero me pregunto cual es el problema.

tredio · #4 (**permalink**) 09/10/2010, 16:33

ese es el caso de jQuery que lo puedes hacer asi, pero la funcion que usa javascript para obtener un objeto por id solo devuelve uno, y seria el primero que encuentre, la funcion es getElementById(), y no es lo correcto por que un id es un identificador unico aunque si se pueda ponerse a varios elementos no es la idea. acá te dejo un link que te pudiera aclarar.

http://html.conclase.net/w3c/html401...l.html#h-7.5.2

Dany_s · #5 (**permalink**) 15/10/2010, 05:19

mirá esto y saca tus conclusiones

En el html tengo 2 div con #uno

Suponiendo que no tiene sentido usar un identificador entonces si hago un alert seleccionando ese id deberia decir 2 y si elimino el #uno cuando ejecutes el script no deberia aparecer nada en pantalla, ¿no?

Pero fijate

Código HTML:

Ver original<html>
    <head>
        <title>Ejemplon</title>
        <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
    </head>
        <script type="text/javascript">
            $( function (){
                alert( "Cantidad #uno "+ $('#uno').length );
                $('#uno').remove();
            });
        </script>
    <style>
        #uno{background:blue; margin:5px; width:100px; height:100px}
    </style>
    <body>
        <div id="uno">uno</div>
        <div id="uno">dos</div>
    </body>
</html>

Cita:

es dificil luego ir aplicando IDs dinamicamente y luego saber su nombre

Vos sabes la estrucura del documento, entonces aprendé a moverte
fijate bien los métodos http://api.jquery.com/category/traversing/ next, prev, closest, parent, nextAll etc etc
aparte de grabe es complicado, no solamente para javascript sino también para css, semanticamente, si aplicas algo a un id ya sabes que es para UN elemento, imaginate si tenes un fondo para un elemento con un id pero cuando cambias ese fondo en el css cambian varias cosas en varios elementos, por ahi vos vas a saber pero si hagarra otro? yo pensaria que estoy loco jaja
encima cuando haces algo y volves a agarrar dentro de 2 meses ese código ya es como si lo hubiese escrito otro