Javascript 从jquery更新html文本数据

Javascript 从jquery更新html文本数据,javascript,jquery,html,dom,Javascript,Jquery,Html,Dom,假设我有这个: <li id="0"> <i class="abc"></i> TEST TEXT </li> 测试文本 如何用其他字符串更新“测试文本”?使用$(“#0”).text(“新文本”)删除i标记 您可以执行以下操作: $('#0').find('i')[0].nextSibling.nodeValue = 'NEW TEXT'; 或者因为它是最后一个孩子: $('#0')[0].lastChild.nodeValue

假设我有这个:

<li id="0">
  <i class="abc"></i>
  TEST TEXT
</li>
  • 测试文本
  • 如何用其他字符串更新“测试文本”?使用
    $(“#0”).text(“新文本”)
    删除i标记

    您可以执行以下操作:

    $('#0').find('i')[0].nextSibling.nodeValue = 'NEW TEXT';
    
    或者因为它是最后一个孩子:

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

    您可以执行以下操作:

    $('#0').find('i')[0].nextSibling.nodeValue = 'NEW TEXT';
    
    或者因为它是最后一个孩子:

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

    将“测试文本”包装在一个跨距中,然后将其替换

    <li id="0">
      <i class="abc"></i>
      <span id="replaceme">TEST TEXT</span>
    </li>
    
    $("#replaceme").text('NEW TEXT')
    
  • 测试文本
  • $(“#替换名称”).text('新文本')
    将“测试文本”包装在一个跨距中,然后将其替换

    <li id="0">
      <i class="abc"></i>
      <span id="replaceme">TEST TEXT</span>
    </li>
    
    $("#replaceme").text('NEW TEXT')
    
  • 测试文本
  • $(“#替换名称”).text('新文本')
    这应该可以做到:

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

    这应该可以做到:

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

    您可以先不添加一个以数字@Ollie yea开头的ID,这只是一个例子,但对您来说很好know@Ollie,ID以数字开头在HTML5中是可以的-@Sergio:这绝对正确,但是在CSS中选择数字仍然是一件痛苦的事情。@DavidThomas,是的,很好的评论。你可以先不添加一个以数字@Ollie yea为星星的ID,这只是一个例子,但很好know@Ollie,ID以数字开头在HTML5中是可以的-@Sergio:这是绝对正确的,但是,在CSS中选择数字仍然是一件痛苦的事情。@DavidThomas,没错,说得好。