jquery - 如果我有 3 个 <tr> 元素，我如何在任何一次单击时只允许突出显示一个？ - CSS，jQuery

Question

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

基本上我想要它做的是，当您单击前 3 个框中的任何元素时，我只想一次突出显示一个元素。如果您现在单击两个或三个元素(名称、元素等)，它会突出显示所有两个或三个。它只会在您再次单击某个元素时取消突出显示它。

所以我想看看，点击元素 1，元素 1 被高亮显示。单击元素 2，元素 1(在同一框中)未突出显示，元素 2 突出显示。

所以每个框，在我的代码中被称为dashed-panel，应该相互独立。

因此理论上，John Brown 和 Jack 的 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 , 这仍然允许打开/关闭。