jquery鏈接在不同的鏈接

Question

基本上我想要實現的是當我mouseenter「第一個」的鏈接，第二個鏈接將變成紅色，當我mouseout它應該回到藍色，但我似乎不能目標使用$('this')。

$('body').on('mouseenter', '.shareButtonsWrapper div a:first-child', function(){ 
    $(this).parent().$(".shareButtonsWrapper div a:last-child").css({"color":"red"}); 
}).on('mouseleave', '.shareButtonsWrapper div a:first-child', function(){ 
    $(this).parent().$(".shareButtonsWrapper div a:last-child").css({"color":"blue"}); 
}); 

Example Here.

Answer 1

看一看這個JSbin。

http://jsbin.com/OhutAxu/2/edit

$("a").hover(
    function() { 
     $(this).next().css('color', 'red'); 
    }, 
    function() { 
     $(this).next().css('color', 'blue'); 
    } 
); 

你需要使用jQuery的.next（）函數，以訪問下一個元素。 希望它可以幫助

Answer 2

你可以試試這個

var link = '.shareButtonsWrapper div a:first'; 
$('body').on('mouseenter', link, function(){ 
    $(this).next('a').css({"color":"red"}); 
}).on('mouseleave', link, function(){ 
    $(this).next('a').css({"color":"blue"}); 
}); 

CodePan Example.

Answer 3

$('.shareButtonsWrapper div a:first-child').on('mouseenter', function(){ 
    $(this).siblings().css("color","red"); 
}).on('mouseleave', function(){ 
    $(this).siblings().css("color", "blue"); 
}); 

您可以使用，而不是兄妹的next（）（）函數。