How can i remove html text without tag ? 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>
Element nodes are of nodeType
1, so you can iterate through all childNodes
and .remove()
those which do not have a .nodeType
of 1
, ensuring that only elements are preserved:
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>
Less elegant, but you can also create an array of the .children
to get all element children, then clear the container and append all the element children again:
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>
This is just a simple solution just for your case.
var content = $("div").find("p");
$("div").empty().append(content);
The technical post webpages of this site follow the CC BY-SA 4.0 protocol. If you need to reprint, please indicate the site URL or the original address.Any question please contact:yoyou2525@163.com.