从jquery更新html文本数据

Question

假设我有这个：

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

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

Answer 1

你可以这样做：

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

• 的 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");
});

Fidle