Question

我有一个包含多行的表，其中每行包含3个td元素，最后一行始终是单选按钮。

我有一个jquery函数，当选中任何这些单选按钮时会触发它：

 $('input[type=radio]').change(function() {
        $('input[type=radio]').each(function(index) {
            //remove class from tr
        });
        //add class selected to tr
    });

我要做的是将包含所选单选按钮的tr的类更改为“selected”，并从之前选择的选项中删除“selected”类（用于突出显示）。有没有办法从单选按钮访问tr？

Answer 1

试试这个：

$('input[type=radio]').change(function() {

  $('input[type=radio]').each(function(index) {
      $(this).closest('tr').removeClass('selected');
  });

  $(this).closest('tr').addClass('selected');
});

请注意，您可以使用$(':radio')而不是$('input[type=radio]')缩短版本。

更多信息：

http://api.jquery.com/closest/

Answer 2

这可以通过从所有tr中删除类selected，然后添加我们想要的地方来完成。简单呃......

$('input[type=radio]').change(function() {
    $(this).parents('table').find('tr').removeClass('selected');
    $(this).parents('tr:first').addClass('selected');
});

访问包含单选按钮的表行

2 个答案: