javascript - 编写 JQuery If 语句

Question

我正在尝试编写一个 JQuery If 语句。我想要实现的基本上是在单击某个 div(信息选项卡)时突出显示相应的链接 (a)。正如您所见，它们都是隐藏的，但单击时，会以漂亮的淡入淡出显示。我想突出显示被点击的元素。 (将背景颜色更改为我想要的任何颜色，例如下面代码中的红色。)

我下面的代码有效，但不正确。它突出显示了该 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

获取被点击的 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"
        });
    });
});