javascript - 当我使用它时，jquery 单击绑定(bind)不起作用

Question

所以我试图制作一个在单击标题时折叠起来的部分。如果我使用以下内容，它会起作用，但显然会将所有部分折叠起来，而不仅仅是单击的部分:

$(".foldUpSection").find(".header").click(function()
{
    $(".foldUpSection").find(".foldMeUp").slideToggle();
});

我把它切换到

$(".foldUpSection").find(".header").click(function()
{
    $(this).find(".foldMeUp").slideToggle();
});

但这没有任何作用。我是否错过了为什么它没有在点击时传递 this 的原因？

这是 HTML

<div class="foldUpSection">
    <span class="header">Unprocessed EDIs</span>
    <div id="unprocessedEdi" class="foldMeUp">
    </div>
</div>

Answer 1

在此上下文中，this 指的是 $(".foldUpSection").find(".header")

find() 函数查找选择器的后代，并且 $(".foldUpSection").find(".header") 没有具有类的后代foldMeUp。