删除动态添加的元素而不使用on()

时间:2016-05-15 20:14:44

标签: jquery meteor

我在meteor js中构建了一个页面,但我无法访问on()。我有div

<div class="row crud">

</div

我正在向它添加元素

$( ".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>');

所有表单元素都有类.icon-cancel-square2

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

警报连接但无法删除。如何删除元素而不必使用?。

1 个答案:

答案 0 :(得分:2)

对于Meteorjs,事件的上下文实际上是模板的数据上下文,因此this导致您的问题。

尝试:

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