jquery接下来没有在下一个div工作，不能添加类

Question

我在激活孩子课时遇到了麻烦。

https://jsfiddle.net/d36k2L3c/2/

我正在建立一个各种各样的复选框系统，并且不仅希望选中＆＃34;复选框＆＃34;激活，但也改变子div的颜色。代码会根据需要更改复选框，但不会对子div执行任何操作。

任何能够帮助我的人都非常感谢！谢谢，

Orange Apple
Orange Banana
Strawberry Grapes
BlackBerry Banana
Cherry Fig

Answer 1

单独.next()无效的原因是因为question_check_box不是question_content的兄弟。因此，您首先需要导航到question_check_box的父级（即question_check），然后使用.next()函数。

 $(".question_check_box").on().click(function() {
   $(this).toggleClass("question_check_box question_checked_box").closest(".question_check").next(".question_content").addClass("grey");
 });

 $(".question_checked_box").on().click(function() {
   $(this).toggleClass("question_checked_box question_check_box").closest(".question_check").next(".question_content").removeClass("grey");
 });

Answer 2

试试这个脚本：

$(".question_check_box, .question_checked_box").on("click",function() {
   $(this).toggleClass("question_check_box question_checked_box")
    .parent().parent().find(".question_content").toggleClass("grey");

 });