使用jQuery / Javascript从html节点中删除文本

Question

我需要从html节点删除文本，但保留内部HTML 谁知道怎么做？

示例：

<td class="ms-list-addnew">
   <a class="ms-herocl" id="idHPNewDocument"><span>new document</span></a>
   or drag files here
</td>

需要的结果（删除“或拖动文件”）：

<td class="ms-list-addnew">
   <a class="ms-herocl" id="idHPNewDocument"><span>new document</span></a>
</td>

Answer 1

有很多方法可以做到这一点。一种方法是将文本放在另一个元素中（例如，span）并使用.remove()：

<td class="ms-list-addnew">
   <a class="ms-herocl" id="idHPNewDocument"><span>new document</span></a>
   <span id="dragText">or drag files here</span>
</td>

然后：

jQuery("#dragText").remove();

Answer 2

如果你想保留你拥有的东西，这对你有用。否则，您可以使用ID在其周围添加span标记，然后将其删除。

var text = $(".ms-list-addnew").html()
text = text.replace("or drag files here","");
$(".ms-list-addnew").html(text);

Answer 3

试试这个，

<强> Live Demo

$('.ms-list-addnew .ms-herocl')[0].nextSibling.nodeValue = ''

Answer 4

使用

$('#idHPNewDocument')[0].nextSibling.nodeValue = null;