javascript – 如何只更改DOM元素中的文本而不替换任何子元素

嗨,我有一个简单的html结构

<h1>Title text <span>inner text</span></h1>

我想要的只是替换文本(标题文本)而不打扰< span>文本.这可能吗？

我不想添加任何其他dom元素,我想保留该结构.我当然是这样做的.

$("h1").text("new text");

但是您可以猜测…将替换所有innert文本和span文本元素.

可能解决方案
我正在考虑在变量中复制跨度的文本,然后将其与新的< h1>文本,但我认为可能存在一个更好和干净的方式来做到这一点.

解决方法

使用 jQuery.contents()可以替换nodeValue类似于：

$("h1").contents()[0].nodeValue = "new text ";

DEMO使用jQuery.contents()来替换文本节点