jQuery的隐藏父div onclick

阿比纳亚

我想在单击子div时隐藏父div。单击“添加更多”按钮时已附加div。简言之,当单击div中的“ X”时,其父div应该隐藏。这是我的小提琴

$( "#appenddiv" ).on( "click", function() {
     $( ".uploadimg" ).append( "<div class='image'><div class='delete'>X</div></div>" );
});
$(".delete").on("click",function(){
    $(this).parent().hide();
});
拉贾普布(Rajabrabhu Aravindasamy)

您的代码无法正常工作的原因是,该元素是动态添加到DOM中的,因此我们必须使用它event delegation来使代码正常工作。

尝试,

$(".uploadimg").on("click",".delete",function(){
    $(this).parent().hide();
});

演示

本文收集自互联网,转载请注明来源。

如有侵权,请联系[email protected] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

jQuery隐藏父div onclick

来自分类Dev

jQuery隐藏多个div onclick

来自分类Dev

jQuery onclick显示/隐藏多个div-隐藏了额外的div

来自分类Dev

jQuery显示隐藏每个div onclick

来自分类Dev

jQuery显示隐藏每个div onclick

来自分类Dev

jQuery onclick在菜单中隐藏/显示div

来自分类Dev

Div下拉菜单显示/隐藏onclick jQuery

来自分类Dev

隐藏和显示多个 div onclick jQuery - WordPress

来自分类Dev

隐藏并显示div onclick svg

来自分类Dev

父级内的jQuery onclick

来自分类Dev

关闭div onclick <a> jquery

来自分类Dev

jQuery onclick覆盖div

来自分类Dev

用jQuery隐藏父div

来自分类Dev

JQuery 隐藏尚未隐藏的父 Div

来自分类Dev

显示和隐藏div onclick按钮

来自分类Dev

如何隐藏和显示div onclick链接

来自分类Dev

HTML / CSS Onclick div自动隐藏

来自分类Dev

如何隐藏和显示div onclick链接

来自分类Dev

菜单 onclick 显示和隐藏 div

来自分类Dev

Javascript 如何隐藏 div onclick 的短语

来自分类Dev

如何使用jQuery onclick事件更改父<div>元素内子元素<span>的CSS?

来自分类Dev

移动div onclick并返回onclick

来自分类Dev

jQuery动画div的宽度onclick

来自分类Dev

jQuery动画div的宽度onclick

来自分类Dev

如何显示/隐藏项目onclick jquery

来自分类Dev

jQuery onclick在Wordpress中显示/隐藏框

来自分类Dev

Onclick 显示/隐藏一个 div -only css 而没有 href。没有 jquery

来自分类Dev

使用jQuery问题隐藏父div

来自分类Dev

使用jQuery单击隐藏父div