Question

有哪种方法可以使用jquery逐个删除删除表单元素？

以下是插图：

在我按下＆＃34;添加新的必需项目＆＃34;几个项目。

我有这个

有没有办法在我可以使用jquery逐个删除项目？因为我有这个代码我用过

 $( ".remove-new-item" ).click(function() {
    $('.new-item').remove();
  });

Answer 1

您可以使用first()和last()将其从第一个或最后一个订单中移除。

$(".remove-first-new-item").click(function() {
  $('.new-item').first().remove();
});

$(".remove-last-new-item").click(function() {
  $('.new-item').last().remove();
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>

<div class="new-item">1</div>
<div class="new-item">2</div>

<div class="new-item">3</div>
<div class="new-item">4</div>

<button class="remove-first-new-item">Remove from first</button>
<button class="remove-last-new-item">Remove from last</button>

Answer 2

＆＃13;

$(".add-new-item").click(function() {
  $('#items').append("<div class='new-item'> New Item </div>");
});

$(".remove-last-new-item").click(function() {
  $('.new-item').last().remove();
});

＆＃13;

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div id="items">
  <div class="new-item">1</div>
  <div class="new-item">2</div>

  <div class="new-item">3</div>
  <div class="new-item">4</div>
</div>
<button class="add-new-item">Add Item</button>
<button class="remove-last-new-item">Remove from last</button>

＆＃13;

如何使用jquery逐个删除表单项

2 个答案: