javascript - 如何从 DOM 中删除特定的文本节点

Question

我正在尝试删除文本节点“one”。

$targetDiv 是 jQuery 对象

$targetDiv[0].outerHTML
<div><div>one<font face="Impact" size="4">www</font></div></div>

$targetDiv[0].innerHTML
<div>one<font face="Impact" size="4">www</font></div>

我可以删除其他文本节点“www”，如下所示:

$targetDiv.find("font").each(function ()
{
   if (this.firstChild.nodeType === 3)
   {
       this.firstChild.data = "";
   }
}); 

但是很难删除“一”部分。

$targetDiv[0].firstChild
<div>

$targetDiv[0].firstChild.data
undefined

$targetDiv[0].firstChild.innerText
undefined

$targetDiv[0].firstChild.innerHTML
"one<font face="Impact" size="4">www</font>"

$targetDiv[0].firstChild.innerText
undefined

$targetDiv[0].firstChild.textContent
"onewww"

Answer 1

目前还不清楚这是在什么上下文中，或者 $targetDiv 是什么，但根据您获得的结果，我们可以假设您使用的是 Firefox，并且 $targetDiv 是第一个 div，这应该可以工作

$($targetDiv.find("div").get(0).firstChild).remove();

FIDDLE