删除动态添加的div的javascript

删除动态添加的div的javascript,javascript,jquery,Javascript,Jquery,我有3个文本字段,我想克隆一个删除图标添加按钮点击…到这我的代码工作良好 现在我想在单击“删除”按钮时删除该特定div的最后3个文本字段…但我的代码会删除表单中所有动态添加的文本字段 请帮我解决这个问题 $'add_exercise'。单击,函数{ $‘练习’。追加; $‘练习’。追加; $‘练习’。附加‘x’; 返回false; }; $“练习”。在“单击”时,“.remove”函数{ $this.parentsexercises.remove; 返回false; }; 加练习 x 问题在于

我有3个文本字段,我想克隆一个删除图标添加按钮点击…到这我的代码工作良好

现在我想在单击“删除”按钮时删除该特定div的最后3个文本字段…但我的代码会删除表单中所有动态添加的文本字段

请帮我解决这个问题

$'add_exercise'。单击,函数{ $‘练习’。追加; $‘练习’。追加; $‘练习’。附加‘x’; 返回false; }; $“练习”。在“单击”时,“.remove”函数{ $this.parentsexercises.remove; 返回false; }; 加练习 x
问题在于您如何使用.parents“exercises”,因为这会选择顶级容器并将其删除

更好的解决方案是将附加的所有3个输入封装在它们自己的div中,然后使用最接近的方法删除,如下所示:

$'add_exercise'。单击,函数{ $‘练习’。附加‘x’; }; $“练习”。在“单击”时,“.remove”函数{ $this.closest.exercise.remove; }; x 加练习
问题在于您如何使用.parents“exercises”,因为这会选择顶级容器并将其删除

更好的解决方案是将附加的所有3个输入封装在它们自己的div中,然后使用最接近的方法删除,如下所示:

$'add_exercise'。单击,函数{ $‘练习’。附加‘x’; }; $“练习”。在“单击”时,“.remove”函数{ $this.closest.exercise.remove; }; x 加练习
检查你的类和id号。练习你是说删除包含练习的整个字段集检查你的类和id号。练习你是说删除包含练习$'div.exercise'.children.remove@DevlshOne我不明白你的意思-那将再次删除所有练习,而不是只点击一次打字太快!$'div.exercise'.children.last.remove;$'div.exercise'.children.remove@DevlshOne我不明白你的意思-那将再次删除所有练习,而不是只点击一次打字太快!$'div.exercise'.children.last.remove;