Jquery entfernen dynamisch hinzugefügte Zeilen

Question

Ich habe eine Liste, wo ich Zeilen hinzufügen mit Hinzufügen Schaltfläche mit Jquery. Jetzt möchte ich auch die dynamisch hinzugefügten Zeilen entfernen, so dass ich eine Löschschaltfläche dynamisch zusammen mit den Zeilen erstellt habe, aber diese Löschschaltfläche funktioniert nicht.

<div id="quantityTable"> 
    <div class="row frmrw"> 
      <div class="form-group col-md-6"> 
       <label class="col-md-6 control-label" for="name">Quantity:</label> 
       <div class="col-md-6"> 
         <input type="text" class="form-control" placeholder="Quantity" name="quantity" /> 
       </div> 
    </div> 
    <div class="form-group col-md-6"> 
      <div data-role="button" id="addQty" class="btn btn-success">Add Quantity</div>       
    </div> 

die Jquery, die zusammen mit einer Schaltfläche Entfernen

$("#addQty").click(function() { 

       $("#quantityTable").append("<div class=\"row frmrw\"> "+ 
            "<div class=\"form-group col-md-6\"> "+ 
            "<div class=\"col-md-6\">"+ 
            "<input type=\"text\" class=\"form-control\" "+ 
            "placeholder=\"Quantity\" name=\"quantity\" /> </div></div> "+ 
            "<div class=\"form-group col-md-6\">"+ 
            "<div data-role=\"button\" id=\"rmvQty\" class=\"btn btn-success\"> "+ 
            "Remove Quantity</div> </div> </div>"); 
      } 
      ); 

nun eine ähnliche Zeile in der Liste anfügt, wenn ich auf die Schaltfläche Entfernen klicken ich entfernen müssen, dass particular Reihe

$("#rmvQty").on("click", function() { 
       console.log("as"); 
      }); 

Erstens funktioniert die Jquery für entfernen nicht und zweitens wie Ich entferne die Zeile, auf die geklickt wurde.

EDIT: meine Lösung

$("#quantityTable").on("click", function (e) { 
       if(e.target.id == "rmvQty"){ 
        e.target.parentNode.parentNode.remove(); 
       } 
      }); 

Answer 1

Das Element existiert nicht beim Laden der Seite, so dass Sie nicht ein Ereignis, um es auf diese Weise binden können.

sollten Sie verwenden:

$(document).on('click', '#rmvQty', function(){ 
    console.log("as"); 
});