使用基于字符长度的html标记拆分和包装字符串

时间:2017-01-12 04:33:46

标签: javascript jquery

我有一堆字符串,想要拆分并用html标签包装它们。我创建了一个小例子,但我的尝试失败了:

http://jsbin.com/taweparota/1/edit?html,js,output

var str = '0123456789';
str = str.split('');

var temp = '';
for ( var i = 0; i < str.length; i++ )
{
  if(i === 0){
    temp += '<div>'+str[i]+'</div>';
  }else if(i % 3 == 0){
    temp += '<div>'+str[i]+'</div>';
  }else{
    temp += str[i];
  }

}

console.log(temp);

我的预期产量将是 012345等。并且2的组可以改变,就像我可以改变我想要的内容的长度3并且循环仍然有效。我不知道为什么我的上述尝试失败了,需要帮助。

1 个答案:

答案 0 :(得分:0)

你可以这样做:

&#13;
&#13;
var result = '0123456789'.match(/.{1,2}/g)
                         .map(i => '<div>' + i + '</div>')
                         .join('');

console.log(result);
&#13;
&#13;
&#13;

如果您想将分组更改为3:

&#13;
&#13;
var result = '0123456789'.match(/.{1,3}/g)
                         .map(i => '<div>' + i + '</div>')
                         .join('');

console.log(result);
&#13;
&#13;
&#13;