jQuery - 刪除每個元素

Question

使用javascript，我需要刪除所有匹配的元素與單個事件。

這裏是我的代碼

$(document).ready(function(){ 
     $("#target").blur(function(){ 
      name = $(this).val(); 

       for (i = 1; i < name; i++) { 
       $("#myspan").clone() 
          .attr({"id":"cloned"}) 
          .appendTo("#myspan") 
       } 
     }); 

     $("#target").click(function(){ 
      $("#cloned").remove(); 
     }); 
}); 

因爲它現在我必須多次點擊目標箱子把所有的克隆刪除站。 我確定它很簡單，只需添加一個，但我一整天都在工作，似乎無法找到答案。

Answer 1

改爲使用類。 id在文檔中必須是唯一的。類可以根據需要放在儘可能多的對象上。所以，如果你想要一個查詢返回多個項目，查詢不能爲一個id，因爲這將只會返回一個項目。這是一種使用類名稱的方法。

$(document).ready(function(){ 
     $("#target").blur(function(){ 
      name = $(this).val(); 

       for (i = 1; i < name; i++) { 
       $("#myspan").clone() 
          .addClass("cloned") 
          .removeAttr("id") 
          .appendTo("#myspan") 
       } 
     }); 

     $("#target").click(function(){ 
      $(".cloned").remove(); 
     }); 
}); 

變化：

1. 呼叫.addClass("cloned")添加所需的班級名稱
2. 添加.removeAttr("id")克隆
3. 更改去除查詢$(".cloned").remove();