javascript - jquery からの html テキストデータの更新

Question

私がこれを持っているとしましょう：

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

「TEST TEXT」を他の文字列で更新するにはどうすればよいですか? を使用$("#0").text('NEW TEXT')すると、i タグが削除されます。

score 3 · Accepted Answer

できるよ：

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

score 1 · Accepted Answer

「テストテキスト」をスパンでラップし、それを置き換えます。

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

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

javascript - jquery からの html テキスト データの更新