javascript - 从 jquery 更新 html 文本数据

Question

假设我有这个：

<li id="0">
  <i class="abc"></i>
  TEST TEXT
</li>

如何用其他字符串更新“TEST TEXT”？使用$("#0").text('NEW TEXT')删除 i-tag。

Answer 1

You can do:

$('#0').find('i')[0].nextSibling.nodeValue = 'NEW TEXT';

or since it is the last child then:

$('#0')[0].lastChild.nodeValue = 'NEW TEXT'; //you can just use document.getElementById

or

document.getElementById('0').lastChild.nodeValue = 'NEW TEXT';

• nextSibling
• lastChild

Answer 2

将“测试文本”包装在一个跨度中，然后替换它。

<li id="0">
  <i class="abc"></i>
  <span id="replaceme">TEST TEXT</span>
</li>

$("#replaceme").text('NEW TEXT')

Answer 3

这应该可以解决问题：

$("#0").text(function() {
    $(this).children().html() + "NEW TEXT");
});

小提琴