隐藏除选定行之外的所有行

时间:2011-10-14 22:00:35

标签: jquery

我有一堆带有无线电输入的表格行:

<tr>
<td>
<input name="myRadio" type="radio" value="1">
</td>
</tr>

问:如何在选中时隐藏不是该行的所有行?

$('input').filter(':radio').change(function() {
$('tr').find(not this).hide();
});

3 个答案:

答案 0 :(得分:2)

尝试:

$('input').filter(':radio').change(function() {
  $(this).closest('tr').siblings('tr').hide();
});

答案 1 :(得分:1)

$('input').filter(':radio').change(function() {
    $('tr').not( $(this).closest('tr') ).hide();
});

答案 2 :(得分:1)

$('input').filter(':radio').change(function() {
  $('tr, input:not(:checked)').hide();
});

example here