jQuery删除多个DOM元素上最近的

我有以下循环：

<% @team.authority_emails.collect.each_with_index do |a_e, index| %>
  <div class="row">
   <div class="large-11 columns">
      <input type="text" value="<%= a_e %>">
   </div>
   <div class="large-1 columns">
    <a href="#" id="aERemove"><%= icon('fa fa-remove') %></a>
   </div>
  </div>
<% end %>

---

由我的循环创建的每个

输入

都需要可删除

。我当前的jQuery只在第一个

#aERemove

id上工作，而没有一个正在进行的id。如何在我的循环中创建的每个输入上进行删除

使用类而不是ID，因为ID必须是唯一的

<div class="row">
  <div class="large-11 columns">
     <input type="text" value="new@email.com">
   </div>
   <div class="large-1 columns">
     <a href="#" class="aERemove"><i class="fa fa-fa fa-remove"></i></a>
   </div>
 </div>

$('.aERemove').on("click", function() {
  $(this).closest('.row').remove();
  return false;
});

$（'.aERemove'）。打开（“单击”，函数（）{
$（this）.closest（'.row'）.remove（）；
返回false；
});

ID必须是唯一的。正如j0所说，如果您使用

class=“aERemove”

并在jQuery中使用：

$（“.aERemove”）

它应该可以工作。啊，我明白了。哎呀。

$('#aERemove').on("click", function() {
  $(this).closest('.row').remove();
  return false;
});

<div class="row">
  <div class="large-11 columns">
     <input type="text" value="new@email.com">
   </div>
   <div class="large-1 columns">
     <a href="#" class="aERemove"><i class="fa fa-fa fa-remove"></i></a>
   </div>
 </div>

$('.aERemove').on("click", function() {
  $(this).closest('.row').remove();
  return false;
});