另一个jquery查找下一个类不是slideToggle的同级

另一个jquery查找下一个类不是slideToggle的同级,jquery,html,slidetoggle,Jquery,Html,Slidetoggle,默认情况下,所有.setupData均隐藏 当我单击.setupTitle类时,我希望其立即(DOM中的下一个).setupData切换 我已经试过了 $(".setupTitle").click(function(){ $(this).parent(".setupBlock").next(".setupData").slideToggle(); }); 但是没有骰子 <div class="setupBlock"> <div class="setupTitl

默认情况下,所有
.setupData
均隐藏

当我单击
.setupTitle
类时,我希望其立即(DOM中的下一个)
.setupData
切换

我已经试过了

$(".setupTitle").click(function(){
    $(this).parent(".setupBlock").next(".setupData").slideToggle();
});
但是没有骰子

<div class="setupBlock">
    <div class="setupTitle">
        consignees <img src="img/open.png" class="openArrow"">
    </div>
    <div id="consigneeDiv" class="setupData">
            consignees
    </div>
    <div class="clr"></div>
</div>  

<div class="setupBlock">
    <div class="setupTitle">
        locations <img src="img/open.png" class="openArrow"">
    </div>
    <div id="locaDiv" class="setupData">
        locations
    </div>
    <div class="clr"></div>
</div>  

<div class="setupBlock">
    <div class="setupTitle">
        users <img src="img/open.png" class="openArrow"">
    </div>
    <div id="usersDiv" class="setupData">
            users
    </div>
    <div class="clr"></div>
</div>  

<div class="setupBlock">
    <div class="setupTitle">
        next numbers <img src="img/open.png" class="openArrow"">
    </div>
    <div id="nnDiv" class="setupData">
            next numbers
    </div>
    <div class="clr"></div>
</div>    

收货人
收货人
位置
位置
使用者
使用者
下一个数字
下一个数字
您不需要
。下一步()
,您需要
。查找()


首先,使用
$(this.parent(“.setupBlock”)
将DOM上到父级。然后
.next()
元素将是您不想要的下一个同级
。通过使用
.find(“.setupData”)
您可以停留在div中,并在其中向下搜索以查找相对的
.setupData
div.

.setupTitle是
.setupData
的兄弟,您可以调用:

 $(".setupTitle").click(function(){

    $(this).siblings(".setupData").slideToggle();

  });
或者,如果您喜欢使用
.next()
,您可以使用:

 $(".setupTitle").click(function(){

    $(this).next().slideToggle();

  });
或者使用
.parent()
的方法,您需要使用
.find()
而不是
.next()
,因为您要查找的元素在遍历回父元素后是一个子元素:

$(this).parent(".setupBlock").find(".setupData").slideToggle();

.find()
查找子体,而
.next()
查找代码中的下一个元素

只需查找父级结果:

 $(".setupTitle").click(function(){
     $(this).parent().find(".setupData").slideToggle();
});

希望有帮助

这和我的答案有什么不同?
 $(".setupTitle").click(function(){
     $(this).parent().find(".setupData").slideToggle();
});