沒有標簽的html文本

Question

我如何刪除不帶標簽的html文本？ 去掉 ：

 <div> ***remove*** <p>A car is a wheeled, self-powered motor vehicle used for transportation.</p> ***remove*** <p>A car is a wheeled, self-powered motor vehicle used for transportation.</p> ***remove*** <p>A car is a wheeled, self-powered motor vehicle used for transportation.</p> </div> 

Answer 1

元素節點的類型為nodeType 1，因此您可以遍歷所有不具有.nodeType為1 childNodes和.remove() ，從而確保僅保留元素：

 const div = document.querySelector('div'); [...div.childNodes].forEach((node) => { if (node.nodeType !== 1) { node.remove(); } }); 

 <div> ***remove*** <p>A car is a wheeled, self-powered motor vehicle used for transportation.</p> ***remove*** <p>A car is a wheeled, self-powered motor vehicle used for transportation.</p> ***remove*** <p>A car is a wheeled, self-powered motor vehicle used for transportation.</p> </div> 

不太優雅，但是您也可以創建.children的數組以獲取所有元素子級，然后清除容器並再次追加所有元素子級：

 const div = document.querySelector('div'); const children = [...div.children]; div.textContent = ''; children.forEach(child => div.appendChild(child)); 

 <div> ***remove*** <p>A car is a wheeled, self-powered motor vehicle used for transportation.</p> ***remove*** <p>A car is a wheeled, self-powered motor vehicle used for transportation.</p> ***remove*** <p>A car is a wheeled, self-powered motor vehicle used for transportation.</p> </div> 

Answer 2

這只是針對您的情況的簡單解決方案。

var content = $("div").find("p");
$("div").empty().append(content);