Javascript 为嵌套复选框更新CSS onDomReady

我有一些嵌套的复选框，它们正在从数据库加载正确的数据，但是我想在选中的文本标签上划一行。对于第二级复选框，它可以正常工作，但我无法使第一级复选框正常工作

您可以在此处看到错误：

---

感谢您的帮助。

更新答案

将您的Javascript更改为

$(document).ready(function () {
    $("input.content-finalized:checkbox:checked").next('span').css("text-decoration", "line-through");
    $("input.subchapter-finalized:checkbox:checked").parent().css("text-decoration", "line-through");
});

我不得不稍微更改您的html标记。我所做的只是把这一章用一个字母包装起来。 原因如下。当我将css行应用于父级

时，它也将css行应用于它的子级，即使我将未选中元素的文本装饰指定为“无”。因此，现在我将它应用于父对象，而不是应用于父对象

---

更新答案

将您的Javascript更改为

$(document).ready(function () {
    $("input.content-finalized:checkbox:checked").next('span').css("text-decoration", "line-through");
    $("input.subchapter-finalized:checkbox:checked").parent().css("text-decoration", "line-through");
});

我不得不稍微更改您的html标记。我所做的只是把这一章用一个字母包装起来。 原因如下。当我将css行应用于父级

时，它也将css行应用于它的子级，即使我将未选中元素的文本装饰指定为“无”。因此，现在我将它应用于父对象，而不是应用于父对象

---

可能是我解释得不对，对此我深表歉意，但这正是我希望避免发生的。。。。请注意，第1.2章和第3.2章没有被勾选，但它们仍然有一行通过…。。@met.lord仍然不确定我是否理解，即使在再次阅读问题之后。。。所以你只想让勾选的复选框让电话接通？可能是我解释得不对，我对此表示歉意，但这正是我希望避免发生的。。。。请注意，第1.2章和第3.2章没有被勾选，但它们仍然有一行通过…。。@met.lord仍然不确定我是否理解，即使在再次阅读问题之后。。。所以你只想让选中的复选框让线路通过？