Javascript 如何使用JQUERY创建一个删除按钮来一次删除一个div？ 添加更多参数 删除参数 var计数=2； $（“#更多”）。单击（函数（）{ 如果（计数=11）{ } 否则{ $（“div2”）。追加（“参数”+计数+”参数名称：地址：数据大小：写入数据：”； 计数++； } }); $（“#删除”）。单击（函数（）{ .... });

有人能告诉我如果用户点击删除按钮，附加的div是如何删除的吗？另外，如果用户多次追加，我希望删除按钮一次只删除一个div

此代码将仅删除最后附加的div。 我已经创建了id为（div2）的div，其中所有div都将被追加

var计数=2；
$（“#更多”）。单击（函数（）{
如果（计数=11）{
}
否则{
$（“#div2”）。追加（“参数”+count+”参数名称：

地址：

数据大小：

写入数据：

”；
计数++；
}
});
$（“#删除”）。单击（函数（）{
$（'#div2'）.find（'div'）.last（）.remove（）；
});

添加更多参数
删除参数
如果将移除按钮的id转换为类，则可以将移除按钮添加到每个新创建的div中：


$（函数（）{
var计数=2；
$（“#更多”）。在（'click'，function（）上{
如果（计数=11）{
}
否则{
$（“.div2”）.append（“参数”+count+”参数名称：

地址：

数据大小：

写入数据：

删除参数”）；
计数++；
}
});
$（'#Last'）。在（'click'，function（）上{
$（'div.fieldBlock:last'）.remove（）；
计数--；
});
$（文档）.on（'click'，'Remove'，函数（e）{
$（this）.closest（'div.fieldBlock'）.remove（）；
计数--；
});
});

添加更多参数
删除最后一个参数

我使用.on方法委派事件，因为您正在动态添加它们。
不幸的是，它不是教程网站或代码编写服务。请就您尝试过的内容提出一个问题。@jay每个版本的html规范中都不存在html标记
div2
。另一个：我认为您对use
.append（）
有没有一种方法允许用户只删除最后一个框，现在在您的代码中，他们可以在删除参数3之前删除参数2。有没有一种方法可以让他们在删除参数2之前删除参数3？如果用户单击参数3，则只会删除该参数，然后您可以单击参数2，从而只删除该参数。要仅删除最后一个div，您需要使用：last选择器选择它。@jay Snippet updated。现在，我添加了一个新按钮，仅删除最后一个参数
  <div class= "button">
  <button id="More" type="submit">Add more Parameters</button>
  <button id="Remove" type="submit">Remove Parameters</button>
  </div>

  <script>
  var count = 2;
  $('#More').click(function(){
    if (count==11) {
       }
    else {
          $("div2").append("<div class='fieldBlock'><fieldset><legend>Parameter " + count + "</legend><label >Parameter Name: </label><select  type=text id='name" + count + "'  name='name' ><option></option></select></br></br><label >Address: </label><select  type=text id='address" + count + "'  name='address' ><option></option></select></br></br><label  >Data Size: </label> </br><select  type=text id='size" + count + "'  name='size' ><option></option></select>  </select> </br> </br><label >Write Data: </label> </br><input  type=text id='data" + count + "'  name='data' style='width: 14em;'></br> </br></fieldset></div>");
      count++;
      }
   });

  $('#Remove').click(function(){
      ....
    });

$(document).ready(function(){
 $('body').on('click','div',function(){
    $('div').removeAttr('current'); //removes attr from all divs
    $(this).attr('current','true'); // adds attr to div clicked
 })     

 $('body').on('click','#remove',function(){
    $('current="true"').remove();//removes div with attr current='true'
  })
});