仅替换文本部分[重复]

Question

我怎样才能只替换文本部分 Regret/Rlwl1 这里留下 input 元素原样：

<td id="td1" style="color: rgb(255, 0, 0);"><input type="RADIO" name="lccp_class4" value="3A">
Regret/Rlwl1</td>

Answer 1

我自己的方式，但还有更好的方式。

$(function () {
  $("#test").contents().each(function () {
    if (this.textContent.trim().length > 0)
      $(this).replaceWith('Hello');
  });
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div id="test">
  <input type="RADIO" name="lccp_class4" value="3A">
  Regret/Rlwl1
</div>

更新

对于那些因任何原因看不到输出的人，我得到这个：

更好的版本：

$(selector).contents().filter(function() {
  return this.nodeType == 3;
})
.replaceWith(something_else);

工作片段

$(function () {
  $("#test").contents().filter(function() {
    return this.nodeType == 3;
  })
  .replaceWith("Hello");
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div id="test"><input type="RADIO" name="lccp_class4" value="3A">Regret/Rlwl1</div>