输入标签后删除文字

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