Warning: file_get_contents(/data/phpspider/zhask/data//catemap/5/excel/25.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
jquery按类单击onclick_Jquery_Click - Fatal编程技术网

jquery按类单击onclick

jquery按类单击onclick,jquery,click,Jquery,Click,我想在所有具有“添加另一个”类的输入按钮上创建一个单击事件。单击这些按钮时,我希望它们显示下两个具有类“hiddenDV”的div。我的事件仅适用于第一个元素。我也尝试过使用on()方法,但也没有成功 $(“.hiddenDV”).hide(); $(“.add Other”)。单击(函数(){ $(this.nextAll('.hiddenDV:lt(2)').show(); }); 我已经修改了你的代码,现在看看代码片段,它现在可以工作了 $(文档).ready(函数(){ $('.hi

我想在所有具有“添加另一个”类的输入按钮上创建一个单击事件。单击这些按钮时,我希望它们显示下两个具有类“hiddenDV”的div。我的事件仅适用于第一个元素。我也尝试过使用on()方法,但也没有成功

$(“.hiddenDV”).hide();
$(“.add Other”)。单击(函数(){
$(this.nextAll('.hiddenDV:lt(2)').show();
});

我已经修改了你的代码,现在看看代码片段,它现在可以工作了

$(文档).ready(函数(){
$('.hiddenDV').hide();
$(“.add other”)。单击(function(){$(this).parents('.row').nextAll('.hiddenDV:lt(2)').show().next('.more buttons').show();
});
$(“.remove other”)。单击(函数(){
$(this).parents('.row').hide().prev('.hiddenDV').hide();
});
});


$(文档).ready(函数(){
$(“.add other”).bind(“单击”),函数(){
var元素=$(this.parent().next('div.hiddenDV');
对于(i=0;i<5;i++){
if(element.is(':hidden')){
打破
}
否则{
element=element.next('div.hiddenDV');
}
}
元素show();
});
$(“.remove other”).bind(“单击”),函数(){
var元素=$(this.parent().next('div.hiddenDV');
对于(i=0;i<5;i++){
if(element.is(':hidden')){
element=element.next('div.hiddenDV')
}
否则{
打破
}
}
元素。隐藏();
});
});


如果您实际上在CSS中隐藏了
.hiddenDV
元素,那么您的代码运行绝对正常:在示例中,标记第二个
+
位于div内部,这意味着它不再是同级。如果按钮和隐藏的div是同级,则此代码可以运行。您的代码对我来说运行正常(如果以显示方式启动隐藏div:无)我已经修改了我的代码,使它更准确地实现了我想要实现的目标。正如你在运行它时看到的,它显示了前两个div,但当尝试单击第二个+按钮时,它不会显示第三个/第四个div。感谢这正是我所需要的!向-按钮添加删除函数只是复制abo的一种情况吗ve jquery但是说prevAll和hide而不是show?好的..@abysalwolf很高兴它能帮上忙…!我还更新了代码片段以删除
输入
。请再次查看。。。!