jquery选择器

Question

我需要在我的javascript中选择一个类并更改其属性之一。 但由于该类正在与不同的div一起使用，因此我需要更改仅悬停在其他类上的类的属性。那可能吗？

HTML结构是这样的：

<div class="home_linkbox_href"><a href=""><div class="home_linkbox"> 
        <h1>/h1> 
        <h2></h2> 
       </div></a></div> 

的JavaScript：

$(".home_linkbox_href a").hover(function(){ 
    //alert("u did it..."); 
    $(".home_linkbox_href a .home_linkbox").css("background-color", "#ffe500"); 

    }, 
    function(){ 
     $(".home_linkbox").css("background-color", "#000"); 
}); 

有人可以帮忙吗？

Answer 1

可以指定this为背景的选择，这只会在当前悬停的元素找到匹配：

$(".home_linkbox_href a").hover(function(){ 
    //alert("u did it..."); 
    $(".home_linkbox", this).css("background-color", "#ffe500"); 

    }, 
    function(){ 
     $(".home_linkbox", this).css("background-color", "#000"); 
}); 

Answer 2

我想你会使用$（this）。

$(".home_linkbox_href a").hover(function(){ 
    $(this).css("background-color", "#ffe500"); 
    $(this).attr("href", "http://www.google.com"); 
    }, 
    function(){ 
     $(this).css("background-color", "#000"); 
}); 

Answer 3

$(".home_linkbox_href").find("a").hover(
    function(){ 
    $(this).siblings(".home_linkbox").css("background-color", "#ffe500"); 
    }, 

    function(){ 
    $(this).siblings(".home_linkbox").css("background-color", "#000"); 
    } 
);