输入标记后删除文本

Question

我只是想删除输入后的文字，任何想法？

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

Answer 1

如果只有一个input的后续文本，我会跳过jQuery，并使用：

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()。