Javascript Jquery隐藏父div onclick

我想在单击子div时隐藏父div。我在单击“添加更多”按钮时追加了该div。简而言之，当单击div中的“X”时，其父div应该隐藏。下面是我的示例

$（“#appenddiv”）。在（“单击”，函数（）{
$（“.uploadimg”）.append（“X”）；
});
$（“.delete”）。在（“单击”，函数（）{
$（this.parent（）.hide（）；
});

代码不起作用的原因是，该元素被动态地追加到DOM中，因此我们必须使用来使代码起作用

试试看

---

动态生成的DOM需要事件委派：

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

---

您应该对动态创建的项目使用deligates

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

---

委派是您要查找的关键字，您也可以选择：

$（this）.closest（“.image”）.hide（）

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

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