如何处理除jquery中选择的元素之外的元素

Question

如何处理当前未选中的元素。 防爆。在我的html文件中，我有

<table>
  <tr><td> .... </tr></td>
  <tr><td> .... </tr></td>
  <tr><td> .... </tr></td>
  <tr><td> .... </tr></td>
</table>

在js文件中， 我有一个点击事件，然后选择其中一行。在此事件触发期间，我想处理其他行。

$("table tr").click(function(){
   // process the unselected rows here such as change the background color...
});

Answer 1

查看siblings function。

然后它将出现在点击功能中：

$(this).siblings();

Answer 2

fphilipe's answer上的

+1，但是应该颠倒样式的逻辑 - 即你应该设置所选行的样式，而不是处理其他行。

$("table tr").click(function() {
    $(this)
        .siblings().removeClass('selected').end()
        .addClass('selected');
});

和CSS

.selected { background-color: #D6E4EE; }