删除输入标签后的文本

Question

我只是想删除输入后的文本，有什么想法吗？

<label class="checkbox">
<input id="forms-element-0-0" name="checkbox[]" value="1" type="checkbox">
remove me
</label>

Answer 1

我会为此跳过 jQuery，如果它只是 input 的后续文本，并使用：

document.getElementById('forms-element-0-0').nextSibling.nodeValue = '';

JS Fiddle demo.

要删除textNode（而不是简单地将其文本替换为空字符串）：

var text = document.getElementById('forms-element-0-0').nextSibling;
text.parentNode.removeChild(text);

JS Fiddle demo.

如果您有一组 label 元素可以使用，我建议：

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

JS Fiddle demo.

参考资料：

• DOM：
  • node.NextSibling。
  • Node.nodeType。
  • Node.nodeValue。
  • Node.parentNode。
  • Node.removeChild。
• jQuery 方法：
  • contents()。
  • filter()。
  • remove()。