使用jquery仅替换div中的文本

Question

我有一个div喜欢:

<div id="one">
       <div class="first"></div>
       "Hi I am text"
       <div class="second"></div>
       <div class="third"></div>
</div>

我正在尝试使用jquery仅将"我是文本"中的文本更改为"我是替换".这可能很容易,但我无法做到.

使用$('#one').text('')只是清空整个#Onediv.

Answer 1

文字本身不应该是单独的.把它放入一个span元素中.

把它改成这个:

<div id="one">
       <div class="first"></div>
       <span>"Hi I am text"</span>
       <div class="second"></div>
       <div class="third"></div>
</div>

$('#one span').text('Hi I am replace');

Answer 2

找到文本nodes(nodeType==3)并替换textContent:

$('#one').contents().filter(function() {
    return this.nodeType == 3
}).each(function(){
    this.textContent = this.textContent.replace('Hi I am text','Hi I am replace');
});

实例:http://jsfiddle.net/VgFwS/

Answer 3

您需要将文本设置为空字符串以外的其他内容.另外,.html()函数应该在保留div的HTML结构的同时执行它.

$('#one').html($('#one').html().replace('text','replace'));

Answer 4

如果您确实知道要替换的文本,则可以使用

$('#one').contents(':contains("Hi I am text")')[0].nodeValue = '"Hi I am replace"';

http://jsfiddle.net/5rWwh/

要么

$('#one').contents(':not(*)')[1].nodeValue = '"Hi I am replace"';

$('#one').contents(':not(*)') 在这种情况下选择非元素子节点文本节点,第二个节点是我们要替换的节点.

http://jsfiddle.net/5rWwh/1/