jquery - 使用 dom_id 通过 jquery .remove() 删除表行

Question

我有以下代码来生成一个表格，列出一组产品的品牌/型号/子型号/样式。我想在单击销毁按钮时从表中删除整行，但我不知道如何使用 dom_id 和 jquery 的 .remove() 来做到这一点

到目前为止，我已经尝试了 $('#<%= dom_id(@brand) %>').remove(); 的一些变体没有成功。谢谢!

<div class = "span8">
<table class="table table-striped" id="devices">
  <thead>
    <tr>
      <th>Brand</th>
      <th>Model</th>
      <th>Submodel</th>
      <th>Style</th>
      <th></th>
    </tr>
  </thead>
  <tbody>
    <% @brands.each do |brand| %>
      <tr>
        <td><%= link_to brand.name, brand_path(brand) %></td>
        <% @model1 = Model.find_by_brand_id(brand.id) %>
        <td><%= @model1.name %></td>
        <% @submodel1 = Submodel.find_by_model_id(@model1.id) %>
        <td><%= @submodel1.name %></td>
        <% @style1 = Style.find_by_submodel_id(@submodel1.id) %>
        <td><%= @style1.name %></td>
        <td style = "border:none;">
          <%= link_to 'Edit', edit_brand_path(brand), :class => 'btn btn-mini' %>
          <%= link_to 'Destroy', brand_path(brand), :method => :delete, :remote=>true, :confirm => 'Are you sure?', :class => 'btn btn-mini btn-danger' %>
        </td>
      </tr>
    <% end %>


  </tbody>
</table>
</div>

Answer 1

$('#blah')语法表示一个 ID 选择器，它根据 id 选择一个元素。属性。从您提供的代码来看，您的表行(<tr>元素)都没有id。属性，所以我不确定您期望发生什么。我怀疑你想要的是:

<tr id="<%= dom_id(@brand) %>">

然后$('#<%= dom_id(@brand) %>').remove();应该可以。