jQuery突出显示无线电选择表行

时间:2010-09-16 15:45:06

标签: jquery html addclass

我有一个表(标准标记),每行都有一个无线电选择。一旦收音机被选中,我想强调一下。听起来很直接,但我不能让它触发。

这是标记:

表格行:

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

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

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

有什么想法吗?如果我没有提供足够的英特尔,请说出来,我会得到你所需要的。

提前非常感谢:)

2 个答案:

答案 0 :(得分:5)

收音机的父母实际上并不是表格行,而是标签。请使用.closest方法查找父链,直至到达TR

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

答案 1 :(得分:0)

可能不是最干净的方式,但是如果你使用$(this).parent().parent().addClass('.hilite');怎么办?