Hola,
Necesito modificar un atributo de una coleccion de elementos, pero con la particularidad de que necesito utilizar el valor actual de de ese mismo atributo para generar el nuevo.
Pongo un ejemplo. Tengo este HTML
Código HTML:
<div>
<a href="#" rel="en1">enlace 1</a>
<a href="#" rel="en2">enlace 2</a>
<a href="#" rel="en3">enlace 3</a>
</div>
<a href="#" class="cambiar" rel="c1">Cambiar 1</a>
<a href="#" class="cambiar" rel="c2">Cambiar 2</a>
Y quiero que al presionar uno de los enlaces "cambiar" , se añada algo mas al attr rel de los enlaces que estan dentro del div (obviamente esto no es en lo que estoy trabajando, pero la logica es parecida).
Mi idea es algo asi:
Código HTML:
$('a.cambiar').each ( function (i) {
$(this).bind('click', function(e){
if($(this).attr('rel') == 'c1') {
$('div a').attr('rel', $(this).attr('rel') + ' otroRel');
}
else {
// Otro funcionamiento
}
return false;
});
});
El problema es que cuando hago "$('div a').attr('rel', $(this).attr('rel') + ' otroRel');" $(this) hace referencia al a.cambiar y no al <a> que estoy modificando. Probe usando "this.attr('rel')" pero no me devuelve el contenido del rel.
¿Alguien sabe como accedo al REL del A que estoy modificando?
Desde ya muchas gracias, FS