.next jQuery不工作-需要切换多个div
我需要切换一些向下滑动的div等等,并且一直在查看堆栈溢出,大多数帖子都指向使用.next函数,当我实现这个函数时,似乎什么都没有发生 我的jQuery是.next jQuery不工作-需要切换多个div,jquery,Jquery,我需要切换一些向下滑动的div等等,并且一直在查看堆栈溢出,大多数帖子都指向使用.next函数,当我实现这个函数时,似乎什么都没有发生 我的jQuery是 $(document).ready(function(){ $(".product_slidedown").click(function(){ $(".slide_details").next('div.product_slidedown').slideToggle(); });
$(document).ready(function(){
$(".product_slidedown").click(function(){
$(".slide_details").next('div.product_slidedown').slideToggle();
});
});
HTML是
<div class="product_slidedown" id="1">
<div class="item_details_heading">
Product Description
</div>
<div class="slide_details"></div>
</div>
<div class="product_slidedown" id="2">
<div class="item_details_heading">
Product Dimensions
</div>
<div class="slide_details"></div>
</div>
产品说明
产品尺寸
我在那儿闲逛
如果我去掉.next函数,它会工作,但会从两个div向下滑动
提前感谢您的帮助这是因为您正在呼叫
。下一个
位于最上面的分区#2
.slide\u details
是div.product\u slidedown
的子项,因此调用next不会返回任何结果
将单击绑定更改为:
$(document).ready(function(){
$(".item_details_heading").click(function(){
$(this).next().slideToggle();
});
});
这是因为您正在调用最上面的div
.next
,即#2
.slide\u details
是div.product\u slidedown
的子项,因此调用next不会返回任何结果
将单击绑定更改为:
$(document).ready(function(){
$(".item_details_heading").click(function(){
$(this).next().slideToggle();
});
});
我相信这就是你想要的,试试看:
使用上述代码,您可以在您单击的
.product\u slidedown
div中找到.slide\u details
div。我相信这就是您要查找的内容,请尝试:
使用上述代码,您可以在您单击的.product\u slidedown
div中找到.slide\u details
div。请尝试
$(document).ready(function () {
$(".product_slidedown .item_details_heading").click(function () {
$(this).next(".slide_details").slideToggle();
});
});
演示:试试看
$(document).ready(function () {
$(".product_slidedown .item_details_heading").click(function () {
$(this).next(".slide_details").slideToggle();
});
});
演示:您也应该使用建议的
on()
方法。。。如图所示:
您还应该使用建议的
on()
方法。。。如图所示:
文档FTW:。而且,您没有清楚地解释您希望代码做什么。是否应打开/关闭单击的.product\u slidedown
中的.slide\u details
元素?文档FTW:。而且,您没有清楚地解释您希望代码做什么。是否应打开/关闭单击的.product\u slidedown
中的.slide\u details
元素?