Categorías: jquery

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 situaciones 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 tuviera una clase para acceder a ella, los que tendríamos 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 tuviera una clase para acceder a ella, y además es el segundo elemento dentro de este, tendríamos 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’);


<script>
function cambia_id_simple(){
    $(".capainterior").attr("id","capainterior");
    $("#capainterior").html("Capa interior con id");
}
function cambia_id_sinclass(){
    $("#capa2 div").attr("id","capainterior2");
    $("#capainterior2").html("Capa interior con id");
}
function cambia_id_sinclass2(){
    $("#capa2 div").eq(1).attr("id","capainterior3");
    $("#capainterior3").html("Capa interior con id");
}
</script>
<div id="botones">
   <input type="button" >
   
   

capa interior sin id

capa interior sin id
capa2 interior sin id

felixbs

Compartir
Publicado por
felixbs
Etiquetas: .attr.eq().html()id

Entradas recientes

mediaquerys para tablet

/* sin diferencias entre vertical y horizontal */@media only screenand (min-width: 768px)and (max-width: 1024px){ /*…

4 años hace

Strings en php – operaciones básicas con cadenas

Vamos a ver las principales funciones para tratar cadenas o strings en php. Concatenar dos…

9 años hace

Cookie – Añadir, leer y borrar cookies con JQuery

Lo primero que vamos ha hacer es definir que es una cookie: "Una cookie, galleta…

9 años hace

Formularios Symfony2 y twig, campos de textos, numeros, combos y radio buttom

En los formularios de Symfony2 con twig, pondemos añadir campos de texto, nuemericos, combos y…

12 años hace

Instalar Symfony2 rápidamente y fácilmente en Windows 7 y Windows 10

Instalar symfony2 en rápidamente windows 7 y windows 10 requiere de varios pasos que iremos…

12 años hace

Quitar app_dev.php de la url de symfony 2

Para quitar de la url de nuestro symfony2 el app_dev.php modificaremos del .htaccess que lo…

12 años hace