Wie lösche ich das erstellte Element über JQUERY?

Question

 $(function(){ 
      var namecounter = 0 
      $("#getitem").click(function(){ 
       namecounter++ 
       var txtval = $("#txt").val(); 
       $('<tr><td><input type="button" name="txt'+ namecounter +'" value="remove" /><input type="text" id="txt'+ namecounter +'a" name="txt'+ namecounter +'a" value="'+txtval+'"/></td><td></td><td></td></tr>').appendTo('#pasok'); 
      }); 
      $(":button[name^='txt']").click(function(){ 
       var currentValue = $(this); 
       var target = $("#" + currentValue.attr("id") + "a"); 
       $(target).remove(); 
      }); 
     }); 

Wie gelöscht erstelltes Element über JQUERY?

Answer 1

ändern Ihre Schaltfläche kein id Attribut hat, hat es eine name Attribut (beide sind auch eine direkt zugängliche DOM-Eigenschaften), so können Sie dies tun:

$(function(){ 
    var namecounter = 0 
    $("#getitem").click(function(){ 
     namecounter++ 
     var txtval = $("#txt").val(); 
     $('<tr><td><input type="button" name="txt'+ namecounter +'" value="remove" /><input type="text" id="txt'+ namecounter +'a" name="txt'+ namecounter +'a" value="'+txtval+'"/></td><td></td><td></td></tr>').appendTo('#pasok'); 
    }); 
    $("#pasok").delegate(":button[name^='txt']", "click", function(){ 
     $("#" + this.name + "a").remove(); 
    }); 
}); 

You can test it out here.

Beachten Sie auch die Verwendung von .delegate() so funktioniert es auf die Schaltflächen, die Sie hinzufügen, nicht nur diejenigen, die dort waren, wenn Ihre document.ready-Funktion lief.

Answer 2

Ihre Zielvariable ist bereits ein jquery-Objekt. So sollten Sie $(target).remove();-target.remove();