如何将 class 添加到 tr

Question

我需要在 "tr" 上一个 jquery 下一个 html

中添加一个类

<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方法在特定元素中添加class。此代码可能有效：

$(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');
  }
});

这是一个 fiddle：https://jsfiddle.net/ku7x2kmh/

这可能包括您通过此答案寻找的任何其他信息（尽管我不一定明白它的目的 - 并不是说没有 - 我只是没有看到它）：

$('.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');
});

还有一个行为古怪的 fiddle 供您玩：https://jsfiddle.net/p8x87ccq/

如何将 class 添加到 tr

How to add class to tr

jquery

addclass