Javascript同级onclick

这与我之前提出的一个问题有关：

基本上，在将所有缩略图动态加载到一个名为#left_box的容器之前。使用下面的脚本，我可以让它突出显示所有兄弟姐妹中的一个div

$('.thumbnail_small').live('click', function(){
    $(this)
        .css('border-color','#000')
        .siblings()
        .css('border-color','#ccc');
});

然而，为了适应一个新特性，我不得不将缩略图拆分成更多名为

.contain

的容器。基本上，

#左框

包含一系列包含x个缩略图的

。contain

。现在，当我单击一个

.contain

中的缩略图时，它只会影响该容器中的同级，而不会影响较大的容器

\left\u框

我试过了

$('#left_box').on('click', '.thumbnail_small', function(){
    $(this)
        .css('border-color','#000')
        .siblings()
        .css('border-color','#ccc');
});

---

但它不起作用。有什么想法吗？提前感谢。

我建议重复您的选择，使用排除当前元素的方法：

$('#left_box').on('click', '.thumbnail_small', function(){
    $(this).css('border-color','#000');
    $('#left_box .thumbnail_small').not(this).css('border-color','#ccc');
});

---

这将选择

左框中的所有
.thumbnail\u small
，排除单击的一个，然后将css应用到其余的框中。
认为您需要发布html。我尝试了一下，然后对其进行了一些调整：
code
$（'.thumbnail\u small'）.live（'click'，function（）{$（This）.css（'border-color'，'717171'））$（“#box_left.缩略图_small”）。不是（this.css（'border-color'，“#ccc'）；）<代码>代码

并且它可以工作。谢谢