如果不存在，如何在jQuery中附加div元素

Question

我將表格的當前列表添加到表格底部的div框中。 當有人單擊添加按鈕時，我將附加div框。

但是，當我多次單擊“添加”按鈕時，會附加許多div框。

有沒有辦法不管我單擊按鈕多少次，只有一個實例會追加到div框。

這是我的代碼

$var = $(this).parent().parent();
$var.append($('.jq_div')[0].outerHTML);

Answer 1

使用.one()附加您的偵聽器。

$("button").one('click', function(){
  // Your code
});

了解更多： http : //api.jquery.com/one

這是在您使用jQuery 1.7+的前提下

Answer 2

一種簡單的解決方案是擁有一個布爾標志，單擊按鈕后即可切換。 此外，實際上有一個jQuery函數可提供此確切功能。

叫做one() -

將處理程序附加到元素的事件。 該處理程序每​​個元素最多執行一次。

所以您的代碼看起來像這樣-

$("#someTrigger").one('click', function(){
  $var = $(this).parent().parent();
  $var.append($('.jq_div')[0].outerHTML);
});

布爾方法也很簡單-

var wasClicked = false;

$("#someTrigger").on('click', function(){
  if (wasClicked == false){
    // append your form
    wasClicked = true;
  }
});

參考-

• one()