jQuery的用於與陣列環（計數陣列）

Question

我有以下功能：

$(".import-shipments").on("click", function(){ 
     var sendinger = $('#shipments').val().split("/\n/"); 

     for(var i = 0; i < sendinger.length; i++){ 
        console.log(sendinger[i]); //This returns 3 lines 
        addRow(i,"#rows") //It only adds 1 line 
     } 

}); 

這需要在我的文本區域中的值，並且計數每行的每個值。

我然後有下面的功能，這應追加一個新的「行」，爲每個值：

function addRow(id, element){ 

      var row = '<div class="row">'+ 
         '<div>#'+id+'</div>' 
         '</div>'; 

        $(element).append(row); 

    } 

問題是，上面僅追加一個行，當它應該追加。

有關上述工作方式的示例，請參閱此jsFiddle。

我想要做的是，對於文本區域中的每一行，它還應該爲每一行運行addRow()函數。

Answer 1

您在拆分函數中使用了錯誤的參數。你在這裏混合正則表達式和字符串。它僅返回感應器陣列中的一個元素。它應該是：

var sendinger = $('#shipments').val().split(/\n/); //USING Regex 

或

var sendinger = $('#shipments').val().split("\n"); //USING String 

Working Demo