Jqueryは動的に追加された行を削除します。

Question

私はJqueryを使用してAddボタンで行を追加するリストを持っています。今私も動的に追加された行を削除したいので、私は行とともに削除ボタンを動的に作成したが、その削除ボタンは機能していない。

<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> 

私は削除ボタンをクリックすると削除ボタン

$("#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>"); 
      } 
      ); 

と一緒にリストに同様の行を追加しjqueryのは、今、私は

particular行ことを削除する必要があります

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

まず、削除用のjqueryが機能していない私はクリックされた行を削除します。

EDIT：あなたはそれをこのようにイベントをバインドすることはできませんので、私の解決策

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

Answer 1

要素は、ページのロードには存在しません。

あなたは使用する必要があります：あなたの問題の

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