Como aislo evento jquery?

[Radi30]

Hola muy buenas
he hecho este script:

Código:

function verHeroe(heroe) {
    if (heroe < 1) return;
    $(document).ready(function() {
        $("li").mouseover(function() {
            $(".on").removeClass("on");
            $(this).addClass("on");
        });
    });
    procesarHeroe(LH[heroe]);
}

la cosa es que se aplica a todos los <li> y yo quiero que se aplique solo a los que hagan la llamada del script verHeroe()

los <li> que quiero que tengan la clase .on son estos:

Código:

<li><a href="#" onmouseover="verHeroe(2, this);"><img src="heroes/2/icono.jpg"></a></li>

[Naahuel]

Ese código está bastante mal. No tiene mucho sentido usar jQuery y además eventos inline. Además, estás usando $(document).ready() cada vez que se pasa el mouse por el elemento.

Yo haría algo así:

Código Javascript:

$(function(){
    $('li a.mostrar-heroe').hover(function(){
        var heroe = $(this).data('heroe');
        if (heroe < 1) return;
        $(".on").removeClass("on");
        $(this).addClass("on");
        procesarHeroe(LH[heroe]);
    });
});
 

Código HTML:

<li><a href="#" class="mostrar-heroe" data-heroe="2"><img src="heroes/2/icono.jpg"></a></li>
 

No se si funciona porque lo hice sin probar, pero debería. De todas formas la idea se entiende.

• Usás una clase para identificar los elementos que realizan la acción.
• Usás el atributo data-heroe para almacenar a qué heroe hace referencia.
• Llamás $(document).ready() solo una vez.

[Radi30]

hummm voi a probarlo muchas gracias
PD: se me olvido decir que estoi aprendiendo javascript y todo esto en estos dias. Disculpa si era un error obvio

gracias y ya publicare los resultados jeje

saludos

[Radi30]

Oye pues lo he probado y no se porque... pero no va, no logro encontrar el error
porcierto no conocia el atributo data... empece a leer a raiz de lo que me contestaste y... que util! jaja

saludos