javascript - 如何提取文本区域内容的第一行

Question

let a = first line of `txt`;
$('#target').text(a);

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<textarea class='txt' id='txt'>
sky sky
blue blue
red red
</textarea>

<p id='target'></p>

如何提取文本区域内的第一行文本。

结果应该是: 天空天空

Answer 1

行在 \n 处分割，因此应该可以工作。

var lines = $('#txt').val().split('\n');//gives all lines
    var firstLine=lines[0];
    console.log('firstLine:',firstLine);
    $("#firstLine").html(firstLine)

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>

<textarea class='txt' id='txt'>
sky sky
blue blue
red red
</textarea>

<h3 id="firstLine"></h3>