Question

基本上我想要实现的是当我鼠标进入“第一个”链接时，第二个链接将变为红色，当我将其鼠标移开时应该返回蓝色，但我似乎无法使用{{1}来定位它}。

$('this')

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（）函数代替兄弟（）。

Jquery Chaining在不同的链接上

3 个答案: