如何选择一个独特的DIV并使用jQuery取消选择其余的？

Question

嗨我正在使用jQuery UI的"可选",我有多个垂直对齐的div作为列表,并且在选择每个div时div的背景变为PINK,当我选择另一个DIV时,之前选择的那个应该更改为WHITE背景.截至目前,我实现了我所需要的,但问题是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');
});