Jquery 导航到父级。使用parent()或closest()选择器的问题

Question

我无法实现看起来如此简单的事情。不知道我哪里出错了。请指教。 目标是突出显示表行是否选中了与其对应的复选框。我已经提到了几个关于使用 .closest('tr') 或 .parent('tr') 来实现此功能的示例，但在我的情况下出于某些原因 - 它超出了实现范围，即它突出显示了所有行而不仅仅是行被选中的一个。

我的 HTML

<tr class="EvenRowClass">
 <td class="ColClass">
   <div class="wrapClass" ">
 <span class="tableCol" style="background: someimage.png") </span>
 <span class="tableCol" style="background: someimage.png") </span>
 <input id="Check1" class="selectCheck" type="checkbox"
      onclick="highlightRow(this,Check1); return false;" value="Check1">
</div>
 </td>
 <td>SomeCode</td>
 <td>SomeCode</td>
 <td>SomeCode</td>

假设还有另一个这样的代码块，每个复选框都有一个唯一的 ID（顺序））

单击时调用的 JavaScript 函数

    function highlightRow(checkbox, id)
{
   $("tr:parent").toggleClass("highlight", checkbox.checked);   
}   

上面的 javascript 选择表中的所有内容和页面的其余部分，无论它们是否被选中并向其应用突出显示类。 我使用复选框选择器、.closest('tr')、.parent('tr') 尝试了其他几个版本，但没有一个对我有用。

最后提到的几个只是在某种意义上更好，它们仅影响表内的内容而不影响页面上的其他内容。

请指教。我已经为此挠头了，现在开始疼了。

Answer 1

function highlightRow( checkbox, id ) {
    $( checkbox ).closest( 'tr' ).toggleClass( 'highlight', checkbox.checked );  
};

Answer 2

试试这个：

   function highlightRow(checkbox, id)
{
   $(checkbox).parents("tr").toggleClass("highlight", checkbox.checked);   
}