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

假设你使用的是jQuery，因为你正在使用Rails，你可能会做这样的事情：

<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>

Answer 2

使用JQuery .remove

示例表单jquery引用

html page

<div class="container">
   <div class="hello">Hello</div>
   <div class="goodbye">Goodbye</div>
</div>

javascript jquery（删除类中的元素＆＃34;你好＆＃34;

 $( ".hello" ).remove();

结果ind DOM

<div class="container">
  <div class="goodbye">Goodbye</div>
</div>

Answer 3

使用JavaScript 使用remove()

<强>答案：1

您可以删除以下元素：

document.getElementById("my-element").remove();

答案：2 Source

<强> HTML：

<div id="div-01">Here is div-01</div>
<div id="div-02">Here is div-02</div>
<div id="div-03">Here is div-03</div>

<强> JS：

var el = document.getElementById('div-01');
el.nextElementSibling.remove(); // Removes the div with the 'div-02' id

如何从js中的div中删除元素？

3 个答案: