如何使用.prev与Meteor事件？

Question

Yesterady我问我如何删除我的按钮How to remove the input element before my button?之前的输入，我得到了一个在片段中工作的答案。现在我尝试在我的活动中使用它，但我无法删除该字段，我只能删除该按钮。

Template.myTemplate.events({ 
'click .removeField': function(event, template){ 
    $(this).prev('input').remove(); 
    $(event.target).prev('input').remove(); 
    $(event.target).prev().prev('input').remove(); 
    $(event.target).remove(); 
    } 

的$(event.target)是i.fa.fa-times所以我prev().prev('input')试图在a -> input

我的HTML是下列之一：

<div class="form-style-2"> 
<div class="form-style-2-heading"></div> 
<form action="" method="post"> 
<label> 
    <span>Container name 
    <span class="required">*</span> 
    </span> 
    <input type="text" class="input-field nameModif" value="" required/> 
</label> 
<label id="labelEnv"> 
    <span>Environment 
    </span> 
    <input type="text" class="input-field env"/><a class="removeField" aria-expanded="false"><i class="fa fa-times"></i></a> 
    <a class="addEnv" aria-expanded="false"><i class="fa fa-plus"></i></a> 
</label> 
</form> 
</div> 

Answer 1

在某些情况下$(event.target)会<i class="fa fa-times">并没有上输入。让我们起床父<label>然后在其中删除儿童：

$(event.target).closest('label').children('input, .removeField').remove(); 

更新，如果你有几个输入，你只需要a之前删除输入：

var et = $(event.target); 
if (et.is('i')) et = et.parent('a'); 
et.prev('input').remove().end().remove();