javascript - 使用 javascript/ 淘汰赛设置父母父 css

Question

我在表格中有一些复选框，我希望他们父级的 css 取决于它是否选中了复选框。我似乎无法让它发挥作用，并希望你能指出我正确的方向。

目前，我在复选框“onclick”方法上有一个 setCss() 函数，但出现资源未定义错误。

我添加了jsFiddle

function setCss() {
if (this.checked)
    $(this).closest('td').className = "selected";
else
    $(this).closest('td').className = "deselected";
}

Answer 1

您可以使用淘汰赛css绑定非常简单地做到这一点：

 <td data-bind="css: {'selected': selected,'deselected': !selected() }">
      <!-- existing content -->
 </td>

我已经更新了你的小提琴以这种方式工作。

此绑定意味着“如果selected()评估为真值，则设置'选定'类，如果评估为假，则设置'取消选择'类”。

:not(selected)您还可以使用 a而不是显式deselected类来整理 CSS