Holap, me estoy metiendo en esto del Ajax y he visto en jQuery una herramienta sencilla y util. Pero aun estoy muy fresco y tengo problemas basicos.
Os cuento, lo que necesito es añadir una clase CSS a un elemento del html, pero tengo muchos iguales, algo como esto:
Código HTML:
[...]
<td class="celda"><p class=""><span> </span><img src="imagen.png" /></p></td>
<td class="celda"><p class=""><span> </span><img src="imagen.png" /></p></td>
<td class="celda"><p class=""><span> </span><img src="imagen.png" /></p></td>
[...]
De principio, en el CSS tengo ocultas todas las imagenes -por lo que solo se muestra una celda vacia-. Y una clase aparte tal que asi: ".visible{display: inline}"
Bien, mi intención es hacer que al presionar sobre el elemento "<span>" se añada la clase "visible" del CSS a la imagen (elemento <img />).
en el codigo jQuery tengo algo parecido a esto:
Código:
$("span").click(function (){
$("img",this).addClass('visible');
});
pero no funciona. Supongo que el selector
"img",this se referirá a todos los "span" que contengan una imagen. ¿Cual debería usar entonces?
Gracias :)