jquery - 如何使用 jQuery 选择一个唯一的 DIV 并取消选择其余的？

Question

嗨，我正在使用 jQuery UI 的“可选择”功能，并且我有多个 div 作为列表垂直对齐，在选择每个 div 时，div 的背景更改为粉红色，当我选择另一个 DIV 时，之前选择的 DIV 应更改为白色背景。到目前为止，我已经实现了我所需要的，但问题是 EACH 功能。如果我有 100 个 div，它会循环 100 次并检查以下条件。 我的问题是如何避免这种循环并做出独特的选择(即，没有两个 DIV 应该具有相同的颜色)。

$(".selectDiv").click(function(){
    var clkLink = this.id;
    $(".selectDiv").each(function(){
        var clkLink2 = this.id;
        if(clkLink != clkLink2)
            $(clkLink2).css("background","#FF00CC");
        else
            $(clkLink2).css("background","#FFFFFF");
    });
});

Answer 1

如果你有 css 类的颜色，那就很容易做到:

$('.selectDiv').click(function(){
   $('.isSelected').removeClass('isSelected');
   $(this).addClass('isSelected');
});