jquery - 添加到文本区域的所有行之前

Question

我在页面中有一个小文本区域，我希望简单地在每一行前面添加“>>”。

我认为这可能很简单:

   $("#mytextarea").prepend("EvilHacker001>>");

但这并没有起到任何作用。我环顾四周，找不到类似 foreach('line') 与 textarea 相关的内容。

有没有简单的方法可以做到这一点？谢谢。

Answer 1

对于每一行:

$('textarea').val(function(_, value){
   var arr = value.split('\n');
   for (var i = 0; i < arr.length; i++) 
        arr[i] = "EvilHacker001>>" + arr[i];
   return arr.join('\n');     
});

http://jsfiddle.net/DpQS4/

对于每个值:

$('textarea').val(function(_, value){
   return "EvilHacker001>>" + value;
});

更新:

$('textarea').keyup(function (e) {
    if (e.which == 13) {
        $(this).val(function (i, value) {
            return value + '>>';
        })
    }
});

http://jsfiddle.net/hBcHS/

或者:

$('textarea').keyup(function (e) {
    $(this).val(function (i, value) {
        return value.replace(/\n(?!>)/g, '\n>>');
    })
})