2012-09-27 74 views
0

我有一些文本「lorem ipsum ^^^ text ^^^ testtext」,我想分割成新的行。我使用分流至文本分成數組,像這樣:Javascript拆分文本然後循環

var companySplit = this.company.split('^^^'); 

和我可以輸出這個像這樣:

$("#company").html(companySplit[0] + '<br />' + companySplit[1]); 

然而,在某些情況下,可能不存在2個數組項...例如可能有3或4個。無論項目數量多少,如何顯示由換行符分隔的數組項目?我試過使用一個循環,但我不熟悉它們,所以我很難讓它工作。

回答

1

爲了做一個循環,你會寫基本:

for(var i = 0, l = companySplit.length; i < l; i++) { 
    $('#company') 
     .append('<br/>') 
     .append(companySplit[i]); 
} 

你可能要檢查的i的值,以避免在插入第一個項目之前休息。

if(i > 0) 
    $('#company').append('<br/>'); 
$('#company').append(companySplit[i]); 

但在你的情況下,簡單連接就足夠了:

$('#company').html(companySplit.join('<br/>')); 

或者,對於這個問題,一個取代:

​​
+0

的替代解決方案是完美的我想要實現的。簡單得多,謝謝! – tctc91

1

使用for()循環。

var result[] = this.company.split('^^^'); 
var out; 
for(int i=0,j=result.length; i<j; j++) { 
    out += result[i] + '<br />';} 
$("#company").html(out); 
0

試試這個。

var companySplit = this.company.split('^^^'); 
var htmlContent=""; 
    for(int count=0;count<companySplit.length;count++) 
    { 
     htmlContent=htmlContent+companySplit[count] + '<br />' 

    } 
    $("#company").html(htmlContent); 
0
var i=0; 
$.each(companySplit,function(){ 

$("#company").html(companySplit[i] + '<br />' + companySplit[i+1]); 
i++; 

}); 
0
$.each(company.split('^^^'), function(index, value) { 
    $("#company").append(value+'<br/>'); 
});​