Удалить текст из html узла с помощью jQuery/Javascript

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 вокруг него с идентификатором и удалить его.

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

Answer 2

Попробуйте это,

Live Demo

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

Answer 3

Существует много способов сделать это. Один из способов поместить текст в другой элемент (скажем, 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 4

Использование

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