Question

单击时如何使用javascript / jquery为div添加边框？当用户选择/单击它时，我需要在每行中有一列列的div，以获得边框。但它一次只能选择每行一列div，因此只有一个带有类列的div可以突出显示＆＃39;一次带边框。但是每行都有一个带边框的div。希望这是有道理的。基本上html的结构是这样......

<div class="row">
 <div class="column"></div>
 <div class="column"></div>
 <div class="column"></div>
</div>

<div class="row">
 <div class="column"></div>
 <div class="column"></div>
 <div class="column"></div>
</div>

显然，我在js和jquery很糟糕。谢谢所有人，提前。

Answer 1

为每个click添加一个column处理程序，为单击的一个添加一个类，并从所有兄弟中删除该类：

$('.column').on('click', function() {
   $(this).addClass('highlight').siblings().removeClass('highlight'); 
});

Fiddle

Answer 2

使用这个。

$('.column').click(function(){ $('.column').each(function(){ $(this).removeClass('highlight'); }); $(this).addClass('hightlight'); })

javascript单击div以仅在某个类时添加边框

2 个答案:

Fiddle