2011-02-17 9 views
7

Tengo una comprensión limitada de Javascriptan Estoy tratando de agregar una clase a un div cuando sobre otro div Ahora puedo agregar una clase al mismo div pero Me gustaría poder agregar, digamos, la clase azul a un div llamado primero cuando cierro #second y #third.agregar clase a un div al pasar otro (Javascript)

código actual:

 
 
    $(document).ready(function() {  
    $("#second, #third").hover(function(){  
    $(this).addClass("hover");  
    $(this).removeClass("hoverable");  
    },  
    function(){  
    $(this).removeClass("hover");  
     $(this).addClass("hoverable");  
    } 
    );  
    });   
 

Mi sitio en línea puede ser visto en: www.designinterieurm2.com/dev

+0

Esto incluirá posiblemente DOM recorrido de algún tipo, ¿cómo se ve el código HTML correspondiente como? –

Respuesta

17
$(document).ready(function() {  
    $('#second, #third').hover(function(){  
     $('#first').addClass('blue');  
    },  
    function(){  
     $('#first').removeClass('blue');  
    }); 
}); 
+0

gracias ¡funcionó! El error que cometí fue utilizar comillas dobles en lugar de comillas simples dentro de mi función –

+0

No, lo siento, ese no era el problema. Las comillas dobles o simples funcionan, siempre que la sintaxis general sea correcta, puedes usar cualquiera de ellas. De hecho prefiero las comillas simples, y eliminaré las comillas dobles cuando las note. –

3

Basta con sustituir $(this) con $("#div_id");

donde #div_id es el id de la div estás tratando de cambiar

0
$(".toptab").hover(function(){ 

    $(this).addClass("current"); 
    $(this).find("ul").show(); 

},function(){ 

    $(this).find("ul").hide(); 
    $(this).removeClass("current"); 

}); 
Cuestiones relacionadas