Javascript 单击打开所有div而不是一个div 我对JQuery真的很陌生,我正处于一个小危机之中。 $(document).ready(function(){ $(".help_box").click(function(){ $(".help_box_answer").toggle(400); }); });

Javascript 单击打开所有div而不是一个div 我对JQuery真的很陌生,我正处于一个小危机之中。 $(document).ready(function(){ $(".help_box").click(function(){ $(".help_box_answer").toggle(400); }); });,javascript,jquery,html,Javascript,Jquery,Html,这是HTML本身 <div class="help_box"> <div class="help_box_title">title box</div> <div class="help_box_answer"> <p>Hidden message</p> </div> </div> class=help\u框\u答案设置为显示:无 当我

这是HTML本身

<div class="help_box">
    <div class="help_box_title">title box</div>
        <div class="help_box_answer">
            <p>Hidden message</p>
        </div>
</div>
class=help\u框\u答案设置为显示:无

当我点击div时,就会发生这种情况

使用此选项仅指您正在单击的元素,而不是指具有相同类的所有div:

$(document).ready(function(){
    $(".help_box").click(function(){
        $(this).find(".help_box_answer").toggle(400);
    });
});
使用此选项仅指您正在单击的元素,而不是指具有相同类的所有div:

$(document).ready(function(){
    $(".help_box").click(function(){
        $(this).find(".help_box_answer").toggle(400);
    });
});

或$.help\u box\u answer,this.toggle400@人造丝-是的,它们本质上是等价的。然而,我认为新用户往往会被上下文选择器语法弄糊涂,而使用.find更具可读性。或$.help\u box\u answer,this.toggle400@人造丝-是的,它们本质上是等价的。然而,我认为新用户往往会被上下文选择器语法弄糊涂,而使用.find更具可读性。