javascript单击div仅当它是某个类时才添加边框答案

【问题标题】：javascript click div to add border only if it is a certain classjavascript单击div仅当它是某个类时才添加边框
【发布时间】：2014-04-02 18:26:21
【问题描述】：

如何在单击时使用 javascript/jquery 为 div 添加边框？当用户选择/单击它时，我需要一个在每一行中具有列类的 div 以具有边框。但每次只能选择每行一个列 div，因此一次只能用边框“突出显示”一个具有类列的 div。但每一行都会在 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。提前谢谢大家。

【问题讨论】：

Like this?
是的，先生！谢谢。我当然希望网络是你的工作！

标签： javascript jquery css border add

【解决方案1】：

为每个column 添加一个click 处理程序，向单击的那个添加一个类，然后从所有同级中删除该类：

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

Fiddle

【讨论】：

【解决方案2】：

使用这个，。

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

【讨论】：

这项工作非常出色，但是有没有办法让每一行都允许选择一个 div 而无需从上面的行中删除类？我有三行，每行需要一个 div .highlighted 每行。
我想如果我为每个 ros 添加一个特定的类，即。行 1 行 2 将起作用。再次感谢 Maneesh Singh，你。是。很好。