jquery未能在下一个div上工作，无法添加类

Question

我无法激活子类。

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

我建立了各种各样的复选框，系统不仅会喜欢“复选框”激活，而且还改变了孩子div的颜色为好。代码根据需要更改复选框，但对子div没有任何作用。

任何人都可以帮助我，非常感谢帮助！谢谢，

<div class="question"> 
    <div class="question_check"> 
<div id="qid" class="question_check_box"></div> 
    </div> 
    <div class="question_content">This is the question</div> 
</div> 

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

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

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"); 

});