jQuery 在单选上突出显示表格行

标签 jquery html addclass

我有一个表格(标准标记),每行都有一个单选选择。一旦选择了 radio ,我想强调这一点。听起来很简单,但我无法触发它。

这是标记:

表行:

<tr><br/> <td>some data</td><br/> <td>some data</td><br/> <td>some data</td><br/> <td><br/> <label class="label_radio"><input type="radio" name="ame" value="val" /></label><br/> </td><br/> </tr>

这是 JS 的相关部分: (修改标签以使单选按钮性感化,该位有效,该位无效):

$('.label_radio input:checked').each(function(){ 
$(this).parent('label').addClass('r_on');
$(this).parent('tr').addClass('.hilite'); //this line doesn't work
});

有什么想法吗?如果我没有提供足够的情报,请说出来,我会给你你需要的。

提前非常感谢:)

最佳答案

radio 的父级实际上不是表格行,而是标签。使用 .closest 方法来查找父链,直到找到 TR

$(this).closest('tr').addClass('hilite');

关于jQuery 在单选上突出显示表格行,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/3728331/

相关文章:

javascript - JS 选择类(class)的第 n 个成员?

jquery - CSS3 - 添加类来触发动画并在完成时删除类

javascript - 通过jquery有条件地向图像添加类

jquery - Iphone/Ipad like,图标抖动效果jquery/CSS3

javascript - 如何使用正则表达式获取阿拉伯字符串中的单词列表?

html - 如何编码?

javascript - jQuery - 'addClass' 到 HTML 元素 - 不工作但在 Chrome 中正确显示

javascript - 使用ajax接收php中序列化的数据

javascript - CSS Transform Rotate 3D - 将鼠标悬停在卡片的每个 Angular 上

html - 如何在 HTML 的超大屏幕内居中对齐两个 BTN 按钮