jquery - 如何为除此之外的所有 div 着色

Question

我想为除我点击的那个之外的所有 div 着色。在我的代码中它有效，但只有一次。如果我点击另一个 div，它不起作用。

http://jsfiddle.net/6VhK8/353/

<div class="fp">
    <div id="1">id="1"</div>
    <div id="2">id="2"</div>
    <div id="3">id="3"</div>
    <div id="4">id="4"</div>
    <div id="5">id="5"</div>
    <div id="6">id="6"</div>
    <div id="7">id="7"</div>
</div>

$(function() {
    $('div').click(function() {  
        var r = this.id;
        $('.fp div').not('#'+r).css({'color':'blue'});
    });
});

Answer 1

检查这个fiddle希望这就是您正在寻找的；

$(function() {
    $('.fp div').click(function() {          
        $('.fp div').css({'color' : 'blue'});
        $(this).css({'color' : 'black'});     

    });
});


<div class="fp">
    <div id="1">id="1"</div>
    <div id="2">id="2"</div>
    <div id="3">id="3"</div>
    <div id="4">id="4"</div>
    <div id="5">id="5"</div>
    <div id="6">id="6"</div>
    <div id="7">id="7"</div>
</div>