从 jquery 更新 html 文本数据

Updating html text data from jquery

本文关键字：文本 数据 html 更新 jquery      更新时间：2023-09-26

假设我有这个：

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

如何使用其他字符串更新"测试文本"？使用 $("#0").text('NEW TEXT') 将删除 i 标记。

你可以做：

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

或者因为它是最后一个孩子，那么：

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

或

document.getElementById('0').lastChild.nodeValue = 'NEW TEXT';
  • 下一个兄弟姐妹
  • 最后一个孩子
将

"测试文本"包装在一个范围中，并替换它。 

<li id="0">
  <i class="abc"></i>
  <span id="replaceme">TEST TEXT</span>
</li>
$("#replaceme").text('NEW TEXT')

这应该可以解决问题：

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

小提琴

相关文章：