在数组中添加一个新行

Question

我有以下代码：

$('.getcode').click(function () {
        $('textarea').val("");
        var str = [];
        $('#group-wrap span').each(function () {
            str.push($(this).attr('title') + $(this).text());
        });
        $('textarea').val(str.join(''));
    });

其中抓取每个范围的内容以及范围的每个标题属性的值，并将其附加到textarea字段。

<span class="grouptitle" title="&f">Group</span> (Multiple spans like this)

输出是这样的：

&f(&fGroup&f) &fUsername&f:&f Hello There!

我有一个按钮，当点击时，会附加一个新的克隆范围元素

var = groupClone = $('.wrapper'); //wrapper for the span's
    $('.add').click(function(){
            groupClone.first().clone().appendTo('#group-wrap');
        });

它有点工作，除了输出现在这个，如果我添加另一个：

&f(&fGroup&f) &fUsername&f:&f Hello There!&f(&fGroup&f) &fUsername&f:&f Hello There!

如何添加新行（\ n我假设？）所以输出是在textarea？

&f(&fGroup&f) &fUsername&f:&f Hello There!
   &f(&fGroup&f) &fUsername&f:&f Hello There!

Answer 1

很简单，但这应该有用。

$('.add').click(function(){
    $('#group-wrap').html($('#group-wrap').html() + "\n"); // add a newline to the group-wrap element
    groupClone.first().clone().appendTo('#group-wrap'); // append the copied data in
});