jQuery-删除每个元素

jQuery-删除每个元素,jquery,Jquery,使用javascript,我需要用一个事件删除所有匹配的元素 这是我的密码 $(document).ready(function(){ $("#target").blur(function(){ name = $(this).val(); for (i = 1; i < name; i++) { $("#myspan").clone() .

使用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();
      });
});
$(文档).ready(函数(){
$(“#目标”).blur(函数(){
name=$(this.val();
对于(i=1;i
现在,我必须多次单击目标框才能删除所有克隆。
我相信这就像添加一个each一样简单,但我已经为此工作了一整天,似乎找不到答案

改用类。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();
      });
});
$(文档).ready(函数(){
$(“#目标”).blur(函数(){
name=$(this.val();
对于(i=1;i
变化:

  • 调用
    .addClass(“克隆”)
    添加所需的类名
  • 添加
    .removeAttr(“id”)
    以在克隆后删除重复的id
  • 将删除查询更改为
    $(“.cloned”).remove()

  • ID应该是唯一的-选择器将仅获取第一个ID