如何使用jQuery从UL获取所选项目？

Question

我正在使用Ul和Div创建一个制表符控件.UI用于显示标签头.当用户选择一个Tab(即'Li')时,标签背面颜色相对于其他标签变化.

我希望获得该UI中的选定而非选择的李.

我用了

 $(".tab li:selected").css("background-color","red");
 $(".tab li:deselected").css("background-color","white");

它不起作用,我知道代码不起作用.只是猜测它.现在你可以理解我的问题吧？

Answer 1

当您的用户选择一个选项卡时,请在该选项卡中添加一个表示以下内容的类:

$('.tab li').click(function() {
    ... // your existing code
    $('.tab li').removeClass('selected'); // removes the "selected" class from all tabs
    $(this).addClass('selected'); // adds it to the one that's just been clicked
}

然后,在CSS中,您可以根据需要设置样式.

.tab li {
    background-color: white;
}

.tab li.selected {
    background-color: red;
}