Javascript 单击时删除中的多个文本框

使用j-query添加多个文本框

HTML

名称
计数
烙印
条件

像脚本一样

<script>
$(document).ready(function() {
$(".add").click(function() {
$('<div class="col-md-3"><input type="text" class="form-control" name=""/></div>').appendTo(".contents");
$('<div class="col-md-2"><input type="text" class="form-control" name=""/></div>').appendTo(".contents");
$('<div class="col-md-3"><input type="text" class="form-control" name=""/></div>').appendTo(".contents");
$('<div class="col-md-3"><input type="text" class="form-control" name=""/></div>').appendTo(".contents");
$('<div class="col-md-1"><span class="rem" ><a href="javascript:void(0);" >Remove</span></div>').appendTo(".contents");
});
});
</script>

$（文档）.ready（函数（）{
$（“.add”）。单击（函数（）{
$（''）。附录（“.contents”）；
$（''）。附录（“.contents”）；
$（''）。附录（“.contents”）；
$（''）。附录（“.contents”）；
$（'
父项应该是父项，请尝试下面的代码

replace $(this).parent("div").remove(); 

与

最后的代码是：

<script>
$('.contents').on('click', '.rem', function() {
$(this).parent().parent().remove();
});
</script>


$（'.contents'）。在（'单击'，'.rem'，函数（）上{
$（this.parent（）.parent（）.remove（）；
});
父母应该是祖父母，请尝试下面的代码

replace $(this).parent("div").remove(); 

与

最后的代码是：

<script>
$('.contents').on('click', '.rem', function() {
$(this).parent().parent().remove();
});
</script>


$（'.contents'）。在（'单击'，'.rem'，函数（）上{
$（this.parent（）.parent（）.remove（）；
});
更新答案：用于实现此目的：


$（'.contents'）。在（'click'，'.rem'，function（）上{
$（this.parent（）.prevUntil（“.col-md-1”）.remove（）；
$（this.parent（）.remove（）；
});
$（文档）.ready（函数（）{
$（“.add”）。单击（函数（）{
$（''）。附录（“.contents”）；
$（''）。附录（“.contents”）；
$（''）。附录（“.contents”）；
$（''）。附录（“.contents”）；
$('
更新答案：用于实现此目的：


$（'.contents'）。在（'click'，'.rem'，function（）上{
$（this.parent（）.prevUntil（“.col-md-1”）.remove（）；
$（this.parent（）.remove（）；
});
$（文档）.ready（函数（）{
$（“.add”）。单击（函数（）{
$（''）。附录（“.contents”）；
$（''）。附录（“.contents”）；
$（''）。附录（“.contents”）；
$（''）。附录（“.contents”）；
$('
您可以像这样重写代码。您正在删除容器，这就是问题所在



$（文档）.ready（函数（）{
$（“.add”）。单击（函数（）{
变量容器=$（''）；
$（''）。附加到（容器）；
$（''）。附加到（容器）；
$（''）。附加到（容器）；
$（''）。附加到（容器）；
$('
您可以像这样重写代码。您正在删除容器，这就是问题所在



$（文档）.ready（函数（）{
$（“.add”）。单击（函数（）{
变量容器=$（''）；
$（''）。附加到（容器）；
$（''）。附加到（容器）；
$（''）。附加到（容器）；
$（''）。附加到（容器）；
$('
：-删除功能正在工作，但删除所有行i，仅删除行上的行，并在刷新后删除后添加不工作的功能：-删除功能正在工作，但删除所有行i，仅删除行上的行，并在刷新后添加不工作的功能仅删除基于remove按钮查看图像我单击remove按钮仅删除红色行仅查看显示完整DTL的图像仅显示冒号不显示textbox@Shambu请再次检查我的答案。如果要帮助您仅移动一行，请单击“删除”按钮查看图像我单击“删除”按钮仅删除红色行。如果要查看图像，请单击“删除”按钮仅删除红色行仅显示完整DTL的图像，不显示完整DTLtextbox@Shambu请再次检查我的答案，并帮助您只移动一组文本框，而不是所有文本框。您会看到描述details@SandeepP Pillai您不必指定div，只需使用$（this.parent（）.parent（）.remove（）即可；。这也可以。只删除一组文本框，而不是所有文本框。如果您看到描述details@SandeepP Pillai您不必指定div，只需使用$（this）.parent（）.parent（）.remove（）；。这也可以。
<script>
$('.contents').on('click', '.rem', function() {
$(this).parent().parent().remove();
});
</script>