删除不拥有自己的元素

Question

文本我有一些HTML，看起来像这样：

<div class="field"> 
    <input type="text" name="name" id="sourcedidSource" value="SYSTEM">SYSTEM 
    <span class="someClass"></span> 
</div> 

我需要sourcedidSource后删除SYSTEM文本，同时保持一切完好无损。我试过$('.field').text().remove();，但也删除了input和span元素。我该怎么办？

Answer 1

它实际上是一个容易得多，而不jQuery的

var node = document.getElementById('sourcedidSource').nextSibling; 
node.parentNode.removeChild(node); 

或者时髦的jQuery与textnodes工作版本

$($('#sourcedidSource').get(0).nextSibling).remove(); 

Answer 2

而不是$('.field').text().remove();

做$('#sourcedidSource').text('') OR $('#sourcedidSource').text().remove()

这将针对您的具体输入字段和文本内容设置为空字符串，''。

Answer 3

您可以使用contents()和filter()来获取.field和remove()中的textNode。试试这个：

$('.field').contents().filter(function() { 
    return this.nodeType == 3; 
}).remove(); 

Example fiddle

Answer 4

还有就是你的解决方案：https://jsfiddle.net/yuswddpg/

$(".field").contents().filter(function(){ 
    return (this.nodeType == 3); 
}).remove();