如何定位一个元素而不是其嵌套元素？

Question

如何定位一个元素而不是其嵌套元素？

例如，我不想更改嵌套在

HTML:

<h1>Change me <span> Don't change me</span></h1>
<h1>Change me <span> Don't change me</span></h1>

jQuery: 中的 中的文本：

$("h1:first").text('Changed');

所以结果应该是：

<h1>Changed <span> Don't change me</span></h1>
<h1>Change me <span> Don't change me</span></h1>

Answer 1

在这里：

$( 'h1' )[0].firstChild.nodeValue = 'Changed ';

现场演示： http://jsfiddle.net/TqxrT/1/

Answer 2

$("h1:first").contents().filter(function() {
    return this.nodeType == 3;
}).replaceWith('foo');

alert($("h1:first").html());

它的作用：

• .contents() 返回元素的所有子元素
• < a href="http://api.jquery.com/filter/" rel="nofollow">.filter(...) 仅保留文本节点
• .replacewith() 用一些文本替换文本节点

在这里尝试：http://jsfiddle.net/CZLuN/