javascript - Jquery添加行删除按钮？

Question

我想在以下代码目录中添加插入按钮

如何向插入部分添加按钮。

$(document).ready(function() {
  $('#row_add_btn').click(AddRows)
  
  var number = 1;
  function AddRows() {
    number++;
    if (number < 21) {
      var AddToRows = '<p><input name="icerik' + number + '"/> <input name="icerik' + number + '" /><input type="button" class="ibtnDel"></p>'

      $('#list_add_rows').append(AddToRows)
    }
  }

});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>

<div id="list_add_rows">
  <p>
    <input type="text" name="icerik1" />
    <input type="text" name="icerik1" />
  </p>
</div>
<a id="row_add_btn">Add</a>

Answer 1

如果您希望单击按钮来删除该行，这个 jQuery 应该可以解决问题:

$(document).on("click", ".ibtnDel", function () {
    $(this).parent().remove();
});

jQuery on() documentation