javascript - 如何将 .prev 与 Meteor 事件一起使用？

Question

昨天我问如何删除按钮之前的输入 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();