javascript - 删除元素内的文本，仅保留子元素

Question

我有一个段落标签，其中有一些文本和一个 anchor 。如何仅删除文本而不删除 anchor 链接？我已经研究过 .innerHTML，但我不能弄乱 anchor 链接，因为它的 href 值是动态生成的。

<p>Text to be removed <a href="blahrdyblahr">Link Text</a></p>

Answer 1

children() 返回元素的所有非文本节点的直接后代。

$('p').html(function(){
  return $(this).children();
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<p>Text to be removed <a href="blahrdyblahr">Link Text</a></p>
<p><a href="blahrdyblahr">Link Text</a> Text to be removed</p>