Remove text after input tag

Question

I simply want to remove the text which is after input, any ideas ?

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

Answer 1

I'd skip jQuery for this, if it's only the one input's following-text, and use:

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

JS Fiddle demo.

To remove the textNode (rather than simply replace its text with an empty string):

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

JS Fiddle demo.

If you have a collection of label elements to work through I'd suggest:

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

JS Fiddle demo.

References:

• DOM :
  • node.NextSibling.
  • Node.nodeType.
  • Node.nodeValue.
  • Node.parentNode.
  • Node.removeChild.
• jQuery methods:
  • contents().
  • filter().
  • remove().