Añadir id a una capa con jquery

Para Añadir id a una capa, o a otro elemento html, nos podemos encontrar con las situciones distintas:

1.- Si la capa tiene una clase, nos resultara mas sencillo, puesto lo que tenemos que utilizar es añadir el atributo id al el elemento el cual tiene la clase. $(‘.clase_elemento’).attr(‘id’,’identificador’);

2.- Si ese elemento no tubiera una clase para acceder a ella, los que tendiramos que hacer seria lo mismo, pero accediendo al elemento padre, y luego referenciando al elemento como tal, por ejemplo si queremos poner un id de un div que no tiene clase, accedemos al anterior por su id o class y luego ponemos el elemento $(‘.clase_elemento div’).attr(‘id’,’identificador’);

3.- Si ese elemento no tubiera una clase para acceder a ella, y ademas es el segundo elemento dentro de este, tendiramos que acceder al elemento 2, por ejemplo si queremos poner un id de un div que no tiene clase, accedemos al anterior por su id o class y luego ponemos el elemento $(‘.clase_elemento div’).eq(1).attr(‘id’,’identificador’);

<codigo>
  1. <script>
  2. function cambia_id_simple(){
  3.     $(".capainterior").attr("id","capainterior");
  4.     $("#capainterior").html("Capa interior con id");
  5. }
  6. function cambia_id_sinclass(){
  7.     $("#capa2 div").attr("id","capainterior2");
  8.     $("#capainterior2").html("Capa interior con id");
  9. }
  10. function cambia_id_sinclass2(){
  11.     $("#capa2 div").eq(1).attr("id","capainterior3");
  12.     $("#capainterior3").html("Capa interior con id");
  13. }
  14. </script>
  15. <div id="botones">
  16.    <input type="button" onclick="javascript:cambia_id_simple();" value="Crea id" /><input type="button" onclick="javascript:cambia_id_sinclass();" value="Crea id sin tener class" /><input type="button" onclick="javascript:cambia_id_sinclass2();" value="Crea id al segundo div" />
  17. </div>
  18. <div id="capa">
  19.    <div class="capainterior">capa interior sin id</div>
  20. </div>
  21.  
  22. <div id="capa2">
  23.    <div>capa interior sin id</div>
  24.    <div>capa2 interior sin id</div>
  25. </div>

capa interior sin id
capa interior sin id
capa2 interior sin id