寫作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" 
     }); 
    }); 
});