我想使用jQuery删除div

时间:2019-01-15 13:38:22

标签: jquery html

我有两个按钮,一个按钮复制div并添加一个新的div,第二个按钮应完全删除单击该按钮的div。但什么都没发生

<div id="fullTable">
  <div class="row" id="row">test <button type="button" onclick="deleteRow()">-</button> <button type="button" onclick="duplicateRow()">+</button></div>
</div>

<script>
  function duplicateRow() {
    row = $("#row")
      .clone("#row")
      .appendTo("#fullTable");
    row.append(row);
  }
  function deleteRow() {
    row = $(this).closest(".row");
    row.remove();
  }
</script>

2 个答案:

答案 0 :(得分:1)

只需将当前对象添加为const urls = [...] for (let i = 0; i < urls.length; i++) { const url = urls[i]; const promise = page.waitForNavigation({ waitUntil: 'networkidle' }); await page.goto(`${url}`); await promise; } 函数的参数即可。并在jquery选择器中使用它来获取最接近的deleteRow

.row
function duplicateRow(){
  $('#row').clone().appendTo('#fullTable'); 
 }
 function deleteRow(obj){
  var $row = $(obj).closest('.row')
  $row.remove();
 }

答案 1 :(得分:0)

<button type="button" onclick="duplicateRow($(this))">+</button>

function deleteRow(btn){
    btn.closest('.row').remove();
}

可以肯定的是,您需要在函数中指定元素!