Question

我需要在下一个html中使用jquery在“tr”上添加一个类

<tr>
    <td>content A</td>
    <td>content B</td>
    <td>conten N....</td>
    <td>
        <div class="radio radio-info">
            <input type="radio" id="offer" class="ofer-sel" name="offerid" required="" value="10">
        </div>
    </td>
</tr>

当选中单选按钮时，如何使用jquery执行此操作？

问候！

Answer 1

在jquery中，我们使用.addClass方法在特定元素中添加类。此代码可能有效：

$(document).ready(function(){
$('table tr').addClass('classname');
});

Answer 2

这里有些令人困惑的问题，但我会尝试使用它。

在我看来，这将是您想要的功能，但是当您只想与上一行进行交互时很难判断（如果您单击顶行，则没有前一行，而我不知道为什么它在任何一种情况下都很重要）：

$('.ofer-sel').change(function(){
  $('tr').removeClass('checked');
  if($(this).is(':checked')){
    $(this).closest('tr').addClass('checked');
  }
});

这是一个小提琴：https://jsfiddle.net/ku7x2kmh/

这可能包括您通过此答案寻找的任何其他信息（虽然我不一定能看到它的目的 - 不是说它没有 - 我只是不喜欢＆＃39;看到了）：

$('.ofer-sel').change(function(){
  //add class to previous row
  $(this).closest('tr').prev().addClass('previous');
  //remove class from previous row
  $(this).closest('tr').prev().removeClass('checked');
  //add class to this row
  $(this).closest('tr').addClass('checked');
  //remove class from this row
  $(this).closest('tr').removeClass('previous');
});

这是一个奇怪的表现小提琴，供你玩：https://jsfiddle.net/p8x87ccq/

如何将类添加到tr

2 个答案: