使用jQuery仅替换div内的文本

我有一个像这样的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。

文字不应该是独立的。将其放入一个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');

找到文本节点（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/

您需要将文本设置为空字符串以外的其他内容。此外，.html（）函数应在保留div的HTML结构的同时执行此操作。

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

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

$('#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/

另一种方法是保留该元素，更改文本，然后将其追加回

const star_icon = $(li).find('.stars svg')
$(li).find('.stars').text(repo.stargazers_count).append(star_icon)

以防万一您无法更改HTML。很原始但是很短而且很有效。（它将清空父div，因此将删除子div）

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

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>

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