Question

您好我想在jQuery中的div之后直接定位div。

这是我的HTML结构：

<!-- 1 -->
<div class="title">
    <p>title</p>
</div>

<div class="boxes">
    <div class="box"></div>
    <div class="box"></div>
</div>

<!-- 2 -->
<div class="title">
    <p>title</p>
</div>

<div class="boxes">
    <div class="box"></div>
    <div class="box"></div>
</div>

<!-- 3 -->
<div class="title">
    <p>title</p>
</div>

<div class="boxes">
    <div class="box"></div>
    <div class="box"></div>
</div>

所以从上面的代码中，我希望逻辑能够像这样：

＆＃34;当用户点击带有标题＆＃39;标题＆＃39;最近的＆＃39;框＆＃39; div将滑动切换，而其他div不会受到影响＆＃34;

这是我到目前为止的jQuery代码：

jQuery(".title").click(function(){
    jQuery(".boxes").slideToggle();
});

这样可行，但当然，当您点击标题＆＃39;所有＆＃39;框的实例＆＃39;滑动切换。

注意：我无法更改类或向div添加类，因为这些是由wordpress自动生成的

任何人都知道解决方案吗？

谢谢！

Answer 1

我想你可能想使用.find（）

$(".title").click(function(){
    $(this).find(".boxes").slideToggle();
});

在jQuery中的div之后直接定位div

1 个答案: