jquery click ile css tanımlama ?

merhaba,

yan yana div içine alınmış 1,2,3,4 tane kutum var, şimdi 1. kutuya tıkladığımda birinci kutuyu border içine alabliyorum fakat 2. yi tıkladığımda 1. nin bordernin 0 olması ve sadece 2. nin border almasını istiyorum ne yapmam gererk ?

$(".renkler").click(function(){
            
            el=$(this);
            el.css("border","1px solid #fff");       
            
        })

getElementById ile bul önce diğerlerini onların class'larını temizle daha sonra sonuncuya class ata, angularjs ile de yapabilirsin rahatça

$(".renkler").click(function(){
             $(".renkler").css("border","none");     
            el=$(this);
            el.css("border","1px solid #fff");      
             
        })

+10 hocam sağolasın hiç aklıma gelmedi böyle birşey