另一个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();
});