写作JQuery的声明如果

Question

我试图写一个jQuery的声明如果..我想实现基本上是突出相应的链接（a）该某个DIV（infotab）被点击时。它们都是隐藏的，因为你可以看到，但点击时，可以看到一个很好的淡入淡出。我想突出显示被点击的项目。 （更改为任何我想要的背景颜色，如红色在下面的代码。）

我有下面的代码工作，但不正确。它突出了该div中的所有a。我只想要那个被点击的高亮显示。感谢你的帮助，你们很棒。

$(document).ready(function() { 
    $('#infotab_two_s, #infotab_three_s, #infotab_four_s, #infotab_five_s').hide(); 
}); 

$('.subnav_holster li').click(function() { 
    var Vinfotab = this.id + '_s'; 
    $('.infotab:visible').fadeOut('fast', function() { 
     $('#' + Vinfotab).fadeIn('fast'); 
     var Vinfotab_selected = 'Vinfotab:visible'; 
     $("subnav_holster li a").css({ 
      "color": "red" 
     }); 
    }); 
}); 

Answer 1

您应该缓存this，然后突出显示：

$('.subnav_holster li').click(function() { 
    var Vinfotab = this.id + '_s', 
     $this = $(this); 
    $('.infotab:visible').fadeOut('fast', function() { 
     $('#' + Vinfotab).fadeIn('fast'); 
     var Vinfotab_selected = 'Vinfotab:visible'; 
     $('.subnav_holster li a').css({ 
      "background-color": "white" // reset all to default color 
     }); 
     $this.find('a').css({ 
      "background-color": "red" // set highlight to this element only 
     }); 
    }); 
}); 

Answer 2

抓住li被点击并访问该元素的a：

$('.subnav_holster li').click(function() { 
    var Vinfotab = this.id + '_s'; 
    var clicked = $(this); 
    $('.infotab:visible').fadeOut('fast', function() { 
     $('#' + Vinfotab).fadeIn('fast'); 
     var Vinfotab_selected = 'Vinfotab:visible'; 
     clicked.find('a').css({ 
      "color": "red" 
     }); 
    }); 
});