javascript - js中如何删除div中的元素？

Question

我有描述列表，在删除其中之一后，我想从 div 中删除该元素(描述列表中的一个元素)，而不是刷新网站。所以我想问一下我的destroy.js.erb应该是什么样子？

<div class="container">
        <div class="box">
                 <div class="descriptions">
                      <%= render @descriptions %> 
                  </div>
        </div>
</div>

//_description.html.erb
<div class="description-field">
  <%= @description.text %>
</div>

Answer 1

假设您因为使用 Rails 而使用 jQuery，您可能会执行以下操作:

<div class="container">
  <div class="box">
    <div class="descriptions">
      <p class="remove-descriptions">
        <%= render @descriptions %>
      </p> 
    </div>
  </div>
</div>

//_description.html.erb
<div class="description-field">
  <p class="remove-descriptions">
    <%= @description.text %>
  </p>
</div>

然后您可以使用 jQuery 从 <div class="descriptions"> 中删除该元素具有以下内容:

$('.remove-descriptions').remove();

DOM 中的结果:

<div class="container">
  <div class="box">
    <div class="descriptions">           
    </div>
  </div>
</div>

//_description.html.erb
<div class="description-field">      
</div>