2012-09-27 41 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/>'); 
});​