Javascript 使用Jquery append[SOLVED]将div附加到html后隐藏它

我试图隐藏已添加到HTML中的div，但它仅适用于页面中已包含的div

我认为问题在于单击时，因为添加的内容在DOM中找不到函数

$（文档）.ready（函数（）{
var-cont=1；
$（“#添加corpo”）。单击（函数（）{
cont++；
$（'Show/Hide'）。附加到（'formulario'）；
$（'somethine here…
）。附于（“#formulario”）；
$（'x'）。附加到（#corpo+cont+）；
});
$（“表单”）。在（“单击“，”.btn apagar”，函数（）上{
var按钮_id=$（this.attr（“id”）；
$（“#corpo”+按钮id+”）.remove（）；
$（“#btn”+按钮id+”）.remove（）；
});
$（函数（）{
$（“.btn切换”）。单击（函数（e）{
警报（“它正在工作”）；
e、 预防默认值（）；
el=$（this.data（'element'）；
$（el.toggle（）；
});
});
});

显示/隐藏
这里还有别的。。。

+ 
您正在使用
。单击
显示隐藏按钮。这将只命中已加载页面上的项目

使用
$（“#corpo”）。在（'click'）上，
将此单击事件应用于新添加的项目。例如


$（文档）.ready（函数（）{
var-cont=1；
$（“#添加corpo”）。单击（函数（）{
cont++；
$（'Show/Hide'）。附加到（'formulario'）；
$（'somethine here…
）。附于（“#formulario”）；
$（'x'）。附加到（#corpo+cont+）；
});
$（“表单”）。在（“单击“，”.btn apagar”，函数（）上{
var按钮_id=$（this.attr（“id”）；
$（“#corpo”+按钮id+”）.remove（）；
$（“#btn”+按钮id+”）.remove（）；
});
$（函数（）{
$（“#corpo”）.on（'click'，'btn toggle'，函数（e）{
警报（“它正在工作”）；
e、 预防默认值（）；
el=$（this.data（'element'）；
$（el.toggle（）；
});
});
})；

显示/隐藏
这里还有别的。。。

+ 
您正在使用
。单击
显示隐藏按钮。该按钮只会点击“加载到”页面上的项目

使用
$（“#corpo”）。在（'click'）上，
将此单击事件应用于新添加的项目。例如


$（文档）.ready（函数（）{
var-cont=1；
$（“#添加corpo”）。单击（函数（）{
cont++；
$（'Show/Hide'）。附加到（'formulario'）；
$（'somethine here…
）。附于（“#formulario”）；
$（'x'）。附加到（#corpo+cont+）；
});
$（“表单”）。在（“单击“，”.btn apagar”，函数（）上{
var按钮_id=$（this.attr（“id”）；
$（“#corpo”+按钮id+”）.remove（）；
$（“#btn”+按钮id+”）.remove（）；
});
$（函数（）{
$（“#corpo”）.on（'click'，'btn toggle'，函数（e）{
警报（“它正在工作”）；
e、 预防默认值（）；
el=$（this.data（'element'）；
$（el.toggle（）；
});
});
})；

显示/隐藏
这里还有别的。。。

+ 
。单击
方法是在加载的页面上初始化或（DOM就绪）。如果在正文中附加任何新元素，则
。单击
方法将无法识别其所在位置，因为它已加载到DOM中，所以您需要使用
$（文档）。on（'click'，'.btn toggle'，function（）{…}）
或将
文档
替换为append元素的
父元素
。

您需要删除
也像
$（“#行”+按钮id+”）。删除（）；



来源：


我希望下面的代码片段能对您有所帮助


$（文档）.ready（函数（）{
var-cont=1；
$（“#添加corpo”）。单击（函数（）{
cont++；
$（'Show/Hide'）。附加到（'formulario'）；
$（'somethine here…
）。附录（“#formulario”）；
$（'x'）。附加到（#corpo+cont+）；
});
$（“表格”）。在（“单击“，”.btn apagar“，函数（）{
var按钮_id=$（this.attr（“id”）；
$（“#corpo”+按钮id+”）.remove（）；
$（“#行”+按钮id+”）.remove（）；
$（“#btn”+按钮id+”）.remove（）；
});
$（“表单”）。在（“单击”，“.btn切换”，函数（e）{
警报（“它正在工作”）；
e、 预防默认值（）；
el=$（this.data（'element'）；
$（el.toggle（）；
});
})；

显示/隐藏
这里还有别的。。。

+ 
。单击
方法是在加载的页面上初始化或（DOM就绪）。如果在正文中附加任何新元素，则
。单击
方法将无法识别其所在位置，因为它已加载到DOM中，所以您需要使用
$（文档）。on（'click'，'.btn toggle'，function（）{…}）
或将
文档
替换为append元素的
父元素
。

您需要删除
也像
$（“#行”+按钮id+”）。删除（）；



来源：


我希望下面的代码片段能对您有所帮助


$（文档）.ready（函数（）{
var-cont=1；
$（“#添加corpo”）。单击（函数（）{
cont++；
$（'Show/Hide'）。附加到（'formulario'）；
$（'somethine here…
）。附录（“#formulario”）；
$（'x'）。附加到（#corpo+cont+）；
});
$（“表格”）。在（“单击“，”.btn apagar“，函数（）{
var按钮_id=$（this.attr（“id”）；
$（“#corpo”+按钮id+”）.remove（）；
$（“#行”+按钮id+”）.remove（）；
$（“#btn”+按钮id+”）.remove（）；
});
$（“表单”）。在（“单击”，“.btn切换”，函数（e）{
警报（“它正在工作”）；
e、 预防默认值（）；
el=$（this.data（'element'）；
$（el.toggle（）；
});
})；