Question

HTML

<table id="flex_home" style="" cellpadding="0" cellspacing="0" border="0">

<tbody>
<tr class="trSelected"><td align="center" style="display: none;"><div style="text-align: center; width: 15px;"></td></tr>
<tr class="trSelected"><td align="center" style="display: none;"><div style="text-align: center; width: 15px;"></td></tr>
<tr class="trSelected"><td align="center" style="display: none;"><div style="text-align: center; width: 15px;"></td></tr>
<tr><td align="center" style="display: none;"><div style="text-align: center; width: 15px;"></td></tr>

</tbody>
</table>

如果我单击要添加的tr selected类，如果我单击另一个tr trselected将被删除，而我选择了哪一个我需要trselected < / p>

Jquery的

$('table > tbody > tr').click(function(){
$(this).removeClass('trselected');
$(this).addClass('trselected');
});

Answer 1

您需要使用：

$('table > tbody > tr').click(function(){
 $('.trselected').removeClass('trselected');
 $(this).addClass('trselected');
});

Answer 2

如果屏幕上有多个表，并希望允许在每个表中选择一行，则需要从当前表中的行中删除该类：

$('table > tbody > tr').click(function(){
    $(this).siblings().removeClass('trselected');
    $(this).addClass('trselected');
});

Answer 3

您可以在一行

中使用此功能

  $('table > tbody > tr').click(function(){
  $('table > tbody >  tr').
   removeClass('trselected').filter(this).addClass("trselected");
  });

工作演示：

＆＃13;

$('table > tbody > tr').click(function(){
$('table > tbody > tr').removeClass('trselected').filter(this).addClass("trselected");
 
});

＆＃13;

.trselected{color:red;}

＆＃13;

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<table id="flex_home" style="" cellpadding="0" cellspacing="0" border="0">

<tbody>
<tr class="trSelected"><td align="center" ><div style="text-align: center; width: 15px;">aaa</td></tr>
<tr class="trSelected"><td align="center" ><div style="text-align: center; width: 15px;">aaa</td></tr>
<tr class="trSelected"><td align="center" ><div style="text-align: center; width: 15px;">aaaa</td></tr>
<tr><td align="center" style="display: none;"><div style="text-align: center; width: 15px;">aaa</td></tr>

</tbody>
</table>

＆＃13;

Answer 4

试试这个

$('table > tbody > tr').click(function(){
$('table > tbody > tr').removeClass('trselected');
$(this).addClass('trselected');
});

删除表中的多个选定类

4 个答案: