[SOLUCIONADO] Agregar ID a un DIV

[Adrian_io]

La verdad es que soy un poco nuevo en esto y bueno me preguntaba si hay alguna forma de agregar un ID a un DIV seleccionando la clase y que de una forma automatica se agregue el ID puede ser con Javascript o JQuery

Por ejemplo :

Código HTML:

<div class="clase">
Contenido 1....
</div>
 
<div class="clase">
Contenido 2....
</div>
 
<div class="clase">
Contenido 3....
</div>
 

Quiero que me quede asi:

Código HTML:

<div class="clase" id="clase-1">
Contenido 1....
</div>
 
<div class="clase" id="clase-2">
Contenido 2....
</div>
 
<div class="clase" id="clase-3">
Contenido 3....
</div>
 

Alguien podría ayudarme con este problema?



.

[quimfv]

Que problema tienes en escribirlo tu mismo?

Es decir si la pagina es estática no, te compliques la vida le pones id y listos.

Si la pagina es dinámica, lo mismo, al construirla tendras un bucle que genera las div en ese momento le pones id='nombreDeLaClasse+"-"+IndiceDelBucle'

Sino jQuery puede seleccionar por clase, si no tienes otros objetos con la misma clase podrias recorrer la colección de divs con esa clase y hacer con cada uno lo que quieras.

$(".miclase") //selecciona todos los elementos que tienen el atributo class="miclase"

[Adrian_io]

La pagina es dinámica y necesito q los IDs se agreguen automaticamente tengo un codigo sencillo en JQuery que es:

Código Javascript:

$(document).ready(function(){
    var clase = $(".clase");
 
    for(var i = 0 ; i<clase.size() ; i++){
        clase.attr("id","id-"+i);
    }
 
});
 

este codigo agrega los IDs pero le agrega el mismo numero de ID a todos queda ID-1 ID-1 ID-1, y nose como hacer para que quede con ID diferente osea que quede ID-1 ID-2 ID-3

[alexg88]

Es fácil:

Código Javascript:

$(document).ready(function(){
    var clase = $(".clase");
 
    clase.each(function(index, element)
               {
                   $(element).attr("id", "id-" + (index + 1));
               });
 
});
 

Tu función no sirve porque estás asignando a todos los elementos el mismo id en cada vuelta del bucle.

[Adrian_io]

Tienes razon alexg88, no me di cuenta de ese error.

Gracias por ayudarme!.

[quimfv]

Si los divs se construyen dinamicamente a partir de una bbdd es muy útil dar de identificador la PK de la tabla de origen concatenado con algo para asegurar que sean únicos (si la PK es auto inc podrias tener otra cosa de otra tabla con el mismo id).