jquery - .closest() 不突出显示单元格

Question

目的是在页面加载时突出显示所选单选按钮的单元格。

我有以下代码:

JS Fiddle .

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");
}

但是，该单元格并未突出显示。

Answer 1

使用 if 语句创建新 block ({}) 不会更改上下文(this 引用的值)，因此在 if block 中引用 #q1c 您需要使用 $('#q1c')，而不是 this(假设您想要定位 td 包含 #q1c 元素)

if ($('#q1c').prop('checked')) {
    alert('checked');
    $('#q1c').closest("td").addClass("selected");
}

演示:Fiddle