輸入標籤後刪除文字

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