Hola a todos,
Estoy practicando un poco de Jquery y una aplicación que tenia en Ajax y PHP la estoy haciendo migrando a JQuery, pero me he atorado en un punto.
Tengo una lista que se construye a partir de una DB con un foreach que recorre un arreglo y se imprime de la sig forma
- Elemento 1
- Elemento 2
- Elemento ...
- Elemento n
y lo construyo así
foreach ($lista_seccion as $row)
{
echo $row["idsecciones"].".- ".$row["seccionesnombre"]." <small> <a href='#' id='editar'>editar</a>| <a href='#' id='eliminar'>Eliminar</a></small> <br>";
}
Lo que tengo con Jquery es una función que al darle clic al botón de editar me muestra el contenido oculto en un div y lo hago con este código
$("#editar").click(function(){
$("#crea_seccion").hide("slow");
$("#edita_seccion").show("slow");
});
El contenido si me lo muestra (div edita_seccion) y oculta (div crea_seccion), pero SOLO para el primer elemento de la lista, para el elemento 2, 3,..., n ya no hace nada, pense que se quedaba con el indice pero refresque y probe dandole clic primero al elemento 2 de la lista y tampoco lo hace, solamente para el elemento 1.
A que se debe y como puedo hacer para que siempre se actualice el div que quiero mostrar al darle clic a los otros elementos de la lista, porque la verdad no le encuentro.
Espero haberme explicado.
Eso es por que tenes muchos elementos con el id "editar", y JQuery solo te toma el primero... :silbar:
Cita de: m3g@ h@x0R en 10 Diciembre 2009, 04:03 AM
Eso es por que tenes muchos elementos con el id "editar", y JQuery solo te toma el primero... :silbar:
Pero entonces no hay forma de hacerlo dinámico (que se construyan tantos elementos como hay en la lista )
usa selectores css :P '#editar li' o 'li .clase'
ya lo resolvi con javascript. Simplemente muestro y oculto el DIV con CSS.