jquery - 删除没有自己元素的文本

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 版本

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