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

Question

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

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

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

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

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

但你可以猜测...将替换所有的innert文本和span文本元素.

可能的解决方案:我正在考虑在变量中复制span的文本,然后将其与新<h1>文本连接起来,但我认为可能存在一种更好,更干净的方法.

Answer 1

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

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

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