Javascript 如何在复选框上使用addClass仅以div中的ID为目标

我试图只针对与复选框关联的div。现在，我使用的脚本只更改ID为taskList的第一个div的类，而不是复选框所在的类

$('input:checkbox').change(function () {
    if ($(this).is(":checked")) {
        $('#taskList').addClass("complete");
    } else {
        $('#taskList').removeClass("complete");
    }
});

---

id

每个元素都应该是唯一的。使用class

taskList

，如下所示

$（'input:checkbox'）。更改（函数（）{
如果（$（this）.is（“：checked”））{
$（this）.closest（'.taskList'）.addClass（“complete”）；
}否则{
$（this）.closest（'.taskList'）.removeClass（“complete”）；
}
});
。完成{
边框：1px纯红；
}
id
每个元素都应该是唯一的。使用class
taskList
，如下所示


$（'input:checkbox'）。更改（函数（）{
如果（$（this）.is（“：checked”））{
$（this）.closest（'.taskList'）.addClass（“complete”）；
}否则{
$（this）.closest（'.taskList'）.removeClass（“complete”）；
}
});
。完成{
边框：1px纯红；
}

你应该把我们带到这里来

假设您有如下html：-

<div class="taskList">
    <input type="checkbox"/>
</div>
<div class="taskList">
    <input type="checkbox" />
</div

完整的代码是

$('input:checkbox').change(function () {
    if ($(this).is(":checked")) {
        $(this).closest('.taskList').addClass("yourClass");
    } else {
        $(this).closest('.taskList').removeClass("yourClass");
    }
});

希望有帮助
 你应该把我们带到这里来

假设您有如下html：-

<div class="taskList">
    <input type="checkbox"/>
</div>
<div class="taskList">
    <input type="checkbox" />
</div

完整的代码是

$('input:checkbox').change(function () {
    if ($(this).is(":checked")) {
        $(this).closest('.taskList').addClass("yourClass");
    } else {
        $(this).closest('.taskList').removeClass("yourClass");
    }
});

希望有帮助
 你也可以在你的问题中发布你的HTML吗？ID应该是唯一的！我认为看到HTML后，我们无法决定他是否使用多个id作为同一个名称。OP说只会使用taskList的id而不是复选框所在的id更改第一个div的类。从这一点可以清楚地看出，他使用了多个id作为同一个名称@FrayneKonokokey，我想这是对的。但是@Cody，别说了。你能在你的问题中发布你的HTML吗？ID应该是唯一的！我认为看到HTML后，我们无法决定他是否使用多个id作为同一个名称。OP说只会使用taskList的id而不是复选框所在的id更改第一个div的类。从这一点可以清楚地看出，他使用了多个id作为同一个名称@FrayneKonokokey，我想这是对的。但是@Cody，什么都不要说。很抱歉没有提供HTML，但这很有效！谢谢。很抱歉没有提供HTML，但这很有效！非常感谢。