Javascript 编写jqueryif语句

我正在尝试编写一个jqueryif语句。。我试图实现的基本目标是在单击某个div（infotab）时突出显示相应的链接（a）。正如您所看到的，它们都是隐藏的，但单击后，会以漂亮的淡入淡出显示。我想突出显示已单击的项目。（将背景颜色更改为我想要的任何颜色，例如下面代码中的红色。）

我下面的代码可以工作，但不正确。它突出显示该分区中的所有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"
        });
    });
});

---

抓取单击的

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

---

抓取单击的

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

---

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

$('.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
        });
    });
});

---

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

$('.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
        });
    });
});

---

精彩的！！！！现在，如果单击了另一个li，我如何更改我删除的颜色呢？@Josh:在

单击.find（'a'）

位之后，执行

clicked.sides（）.find（'a'）.css（{“color”：“white”}）。这会将其他
li a
元素变回白色。似乎不起作用。。如果单击了另一个li，我不希望原来的li是红色的。我希望当前按钮的颜色，不允许它们都是红色。你明白了吗it@Josh：哦，对了。单击的
find（）
和单击的
clicked.sides（）
位需要移出淡入淡出功能才能正常工作。太棒了！！！！现在，如果单击了另一个li，我如何更改我删除的颜色呢？@Josh:在
单击.find（'a'）
位之后，执行
clicked.sides（）.find（'a'）.css（{“color”：“white”}）。这会将其他
li a
元素变回白色。似乎不起作用。。如果单击了另一个li，我不希望原来的li是红色的。我希望当前按钮的颜色，不允许它们都是红色。你明白了吗it@Josh：哦，对了。单击的
clicked.find（）
和单击的
clicked.sides（）
位需要移出淡入淡出功能才能正常工作。为什么要缓存它？如果选择了另一个div，是否也可以消除该效果？这就是带有
//全部重置为默认颜色的行的作用。我的意思是，如果单击了另一个选项卡，则原始选项卡仍将是红色的。我希望它回到白色。你明白了吗？我用你指定的颜色更新了我的答案。。。你明白了吗？为什么要缓存这个？如果选择了另一个div，是否也可以消除该效果？这就是带有
//全部重置为默认颜色的行的作用。我的意思是，如果单击了另一个选项卡，则原始选项卡仍将是红色的。我希望它回到白色。你明白了吗？我用你指定的颜色更新了我的答案。。。你明白了吗？