Javascript分割文字&然后循环

时间:2012-09-27 10:49:34

标签: javascript jquery

我有一些文字“lorem ipsum ^^^ text ^^^ testtext”,我想分成新的行。我正在使用split将文本分成如下数组:

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

我可以这样输出:

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

但是,在某些情况下,可能没有2个数组项......例如,可能有3个或4个。无论项目数量多少,如何显示换行符分隔的数组项?我尝试过使用循环,但我不熟悉它们,所以我无法使用它。

5 个答案:

答案 0 :(得分: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/>'));

或者,就此而言,替换:

$('#company').html(this.company.replace(/\^\^\^/g, '<br/>'));

答案 1 :(得分: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);

答案 2 :(得分:0)

试试这个。

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

   }
   $("#company").html(htmlContent);

答案 3 :(得分:0)

var i=0;
$.each(companySplit,function(){

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

});

答案 4 :(得分:0)

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