[英]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.