簡體   English   中英

如何從js中的div中刪除元素?

[英]How to remove element from div in js?

我有描述列表,刪除其中一個后,我想從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>

假設由於使用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>

使用JQuery .remove

示例表單jQuery參考

HTML頁面

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

javascript jquery(刪除帶有“ hello”類的元素

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

結果ind DOM

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

使用JavaScript使用remove()

答:1

您可以刪除以下元素:

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

答案:2 來源

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

暫無
暫無

聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.

 
粵ICP備18138465號  © 2020-2024 STACKOOM.COM