Question

我有一堆文字，它们有500个字符，我想把它们分成几个部分，所以我想用html标签包装它们，使用wrap()。

如何做到这一点，因为它们不是选择器html元素？

var str = '0123456789';

for ( var i = 0; i < str.length; i++ )
{
  console.log(str.charAt(i));
}

//group 2 characters into 1 group and wrap it with a div

Answer 1

您可以在没有jQuery包装功能的情况下执行此操作，特别是了解它们不是HTML元素。有关其工作原理的更多信息，请参阅：

http://api.jquery.com/wrap/

这是一种纯粹的javascript方式。

var str = '0123456789';

for ( var i = 0; i < str.length; i+=2 )
{
  // alternatively document.body
  somediv.innerHTML += str.substr(i,2) + "<br>";
  console.log(str.charAt(i)+str.charAt(i+1));
}

//group 2 characters into 1 group and wrap it with a div

下一次，更具体地说，是否需要有关包装的帮助或向DOM元素添加内容，小狗。如果你能更清楚自己想要什么，我很乐意教你如何使用它。

编辑jQuery提示：我想你可以做类似的事情：

$( "body" ).append("<div>" + str.substr(i,2) + "</div>");

请参阅https://jsbin.com/sapukazidi/edit代码：

我猜你可以使用＆＃34; wrap＆＃34;如果它被证明在性能方面比在追加函数中通过html添加div更好。从文档中，它似乎具有将已存在的元素包装到div或您选择的标记中的唯一功能。（＆lt; b＆gt;，＆lt; i＆gt;，＆lt; p＆gt;，等）

另外，请检查一下：Wrap Text In JavaScript 如果适用，请随意使用它。

编辑＃2：或者，只使用跨度。

fiddle with me

使用wrap（）拆分原始内容和换行元素

1 个答案: