jQuery childrenRemove() 方法
jQuery childrenRemove() 方法用于刪除元素的子元素,包括文本和注釋節點。
語法:
$(selector).children().remove(filter);
參數說明:
selector: 必需,規定一個或多個元素,用來刪除子元素。 filter: 可選,規定一個或多個篩選器,用于從子元素中篩選要刪除的元素。
使用實例:
$(document).ready(function(){ $("#btn1").click(function(){ $("#div1").children().remove(); }); $("#btn2").click(function(){ $("#div2").children("p").remove(); }); });
效果展示:
<!DOCTYPE html> <html> <head> <script src="https://cdn.staticfile.org/jquery/1.10.2/jquery.min.js"></script> </head> <body> <div id="div1"> <p>這是一個段落。</p> <ul> <li>列表項1。</li> <li>列表項2。</li> <li>列表項3。</li> </ul> </div> <div id="div2"> <p>這是要被刪除的段落。</p> <p>這個段落將保留。</p> </div> <button id="btn1">刪除 div1 中的所有子元素</button> <button id="btn2">刪除 div2 中的 p 元素</button> </body> </html>
點擊刪除 div1 中的所有子元素按鈕:
點擊刪除 div2 中的 p 元素:
這是要被刪除的段落。
這個段落將保留。