如果我有3个元素，我怎么只允许在任何时候点击一个突出显示？ - CSS，jQuery

Question

根据描述可能有点难以理解，但JSFiddle在这里：http://jsfiddle.net/n8a76/4/

基本上我想要它做什么，当你点击前3个框中的任何元素时，我只希望一次突出显示一个元素。如果您现在点击两个或三个元素（名称，项目等），它会突出显示所有两个或三个元素。它只会在您再次单击它时取消亮点。

所以我想看到，点击元素1，元素1突出显示。单击元素2，元素1（在同一个框中）未突出显示，元素2突出显示。

因此，我的代码中的每个框称为dashed-panel，应该独立于另一个框。

因此理论上，John Brown和Jack's App UI可以同时突出显示。

有人有任何建议吗？

Answer 1

您可以从同一个表中的兄弟<tr>元素中删除该类，如下所示：

$(document).ready(function() {
  $('#clients table tr, #stages table tr, #projects table tr').click(function() {
    $(this).toggleClass('dash-elem-selected').siblings().removeClass('dash-elem-selected');
  });    
});

You can test it out here，这仍然允许切换开/关。