目的是在页面加载时突出显示所选单选按钮的单元格。
我有以下代码:
HTML
<table style='border: 1px solid black;'>
<tr>
<td class="tg-031e eq q1" >
<input class="hidden" name="q1" value="c" id="q1c" type="radio" checked="" onclick="mand();">
c
</td>
</tr>
</table>
jQuery
if ($('#q1c').prop('checked')) {
alert('checked');
$(this).closest("td").addClass("selected");
}
但是,该单元格并未突出显示。
最佳答案
使用 if
语句创建新 block ({}
) 不会更改上下文(this
引用的值),因此在 if block 中引用 #q1c
您需要使用 $('#q1c')
,而不是 this
(假设您想要定位 td
包含 #q1c
元素)
if ($('#q1c').prop('checked')) {
alert('checked');
$('#q1c').closest("td").addClass("selected");
}
演示:Fiddle
关于jquery - .closest() 不突出显示单元格,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/30300516/