jquery - 对每个 anchor 标记应用切换的问题

Question

我正在尝试点击“每个”项目，该项目属于 .toggleDiv 类单独切换而不是同时切换。

现在，单击 .toggleDiv 会展开 .fullSaintDesc 内的所有元素只需单击一下，这就是我不希望它执行的操作 - 我想要的是具有 .toggleDiv 类的每个元素扩大.fullSaintDesc但不是全部都在一起。

如果您觉得我的问题标题不清楚我要问什么，请随时编辑它。

$(document).ready(function() {     
    $(".toggleDiv").click(function(){
        $(".fullSaintDesc").toggle();return false;
    });   
});

html

这些类在整个页面中使用 - 我希望每个 .toggleDiv 都能自行扩展，而不是一次单击即可全部扩展。

<p>
  <a class="toggleDiv" href="#">Click here to read more</a>
</p>
<div class="fullSaintDesc">
  <p>blah blah blah </p>
</div>
<!-- eo : fullSaintDesc -->

Answer 1

将其更改为:

 $(".toggleDiv .fullSaintDesc").click(function(){
    $(this).toggle();
 });

没有看到 html 结构，我只能猜测，但这应该有效:

 $(".toggleDiv").click(function(){
    $(this).find('.fullSaintDesc').toggle();
 });

编辑 3:反射(reflect)上次更新:(如果一致)

 $(".toggleDiv").click(function(){
    $(this).parent().next('.fullSaintDesc').toggle();
 });