on（）を使用せずに動的に追加された要素を削除します

Question

私は流星jsで構築されたページを持っており、私はon()へのアクセス権がありません。私は私がすべてのフォーム要素が.icon-cancel-square2

'click .icon-cancel-square2': function(){ 
    alert('that connected'); 
    $(this).closest(".form-group").remove(); 
}, 

クラスの削除ボタンを持っているアラートが接続されているが、できないこの

$(".crud").append('<div class="aor"><div class="col-md-3"><div class="form-group"><label>'+v+' <i class="icon-cancel-square2"></i> </label><input type="text" name="results_'+v+'" class="form-control" placeholder="'+v+'"></div></div></div>'); 

のようにそれに要素を追加していこのdiv

<div class="row crud"> 

</div 

を持っています除去する。どのように私は必ずしもonを使わずに要素を削除できますか？

Answer 1

Meteorjsでは、イベントのコンテキストは実際にはテンプレートのデータコンテキストであるため、ここで問題を引き起こしているのはthisです。

試してみてください。

'click .icon-cancel-square2': function(event, template){ alert('that connected'); event.target.closest('.form-group').remove(); },