I have a textarea here /

How do I remove the first line of text from it with JQuery?

I tried:

$('textarea').content().first().remove();

and it didn't work

I have a textarea here http://jsfiddle/ncm4not5/8/

How do I remove the first line of text from it with JQuery?

I tried:

$('textarea').content().first().remove();

and it didn't work

• javascript
• jquery

7 Answers 7

$(document).ready(function(){
    var newText = $('textarea').val().replace(/^.*\n/g,"");
    $('textarea').val(newText);
});

fiddle

You can split the value of the textarea into an array by line breaks using .split("\n") (I used regex in my code below to remove multiple line breaks at once), remove the first array item with .shift(), bine the remaining elements using .join("\n") and put them back into the textarea value with .val().

var value = $("textarea").val().split(/\n+/g);
value.shift();
$("textarea").val(value.join("\n"));

DEMO

Can use val(fn)

$('textarea').val(function(_, val){    
    return val.split('\n').slice(1).join('\n');
});

DEMO

var lines = $('textarea').val().split('\n');
lines.splice(0, 1);
$('textarea').val(lines.join("\n"));

jsfiddle DEMO

You can use the substring, and indexOf("\n") :

var yourText = $("#myArea").html();
var firstLineIndex = yourText.indexOf("\n");
var finalText = yourText.substring(firstLineIndex,yourText.length);
alert(finalText);

Working Fiddle

I updated you fiddle http://jsfiddle/ncm4not5/11/

var lines = document.getElementById('text').innerHTML.split('\n');
var temp = '';
for (var i = 1; i < lines.length; i++) {
    temp += lines[i] + '\n';
}
document.getElementById('text').innerHTML = temp;

Here is Sam Aleksov's answer adjusted to also remove the last line, and a better JSFiddle with a button to remove lines.

JSFiddle

var currText = $('#mytextarea').val();
var newText = '';
var hasNewline = /\r|\n/.exec(currText);
if (hasNewline){
  newText = currText.replace(/^.*\n/g,"");
}
$('#mytextarea').val(newText);