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

Я думаю, вы бы использовали $ (это).

$(".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 2

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

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

Answer 3

Вы можете указать 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");
});