Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/468.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 如何将多个跨距包装到一个div中_Javascript_Jquery_Split_Wrapall - Fatal编程技术网

Javascript 如何将多个跨距包装到一个div中

Javascript 如何将多个跨距包装到一个div中,javascript,jquery,split,wrapall,Javascript,Jquery,Split,Wrapall,我有一个JS代码,它将所有行包装成一个跨度。我知道我应该使用wrapall,但不知道从哪里开始。现在,我正试图找到一种方法,将这些跨距中的每一个都封装到一个div中,但将总数限制为4个跨距。例如,如果我有5个跨距,我如何将4个跨距包装成一个div,将最后一个跨距包装成一个div,如下所示: <div class="wrap"> <span class="line_wrap"></span> <span class="line_wrap"><

我有一个JS代码,它将所有行包装成一个跨度。我知道我应该使用
wrapall
,但不知道从哪里开始。现在,我正试图找到一种方法,将这些跨距中的每一个都封装到一个div中,但将总数限制为4个跨距。例如,如果我有5个跨距,我如何将4个跨距包装成一个div,将最后一个跨距包装成一个div,如下所示:

<div class="wrap">
 <span class="line_wrap"></span>
 <span class="line_wrap"></span>
 <span class="line_wrap"></span>
 <span class="line_wrap"></span>
</div>
<div class="wrap">
 <span class="line_wrap"></span>
</div>

    Lorem Khaled Ipsum是成功的关键。他们会试图关上你的门,只要打开它。小心你的后背,但更重要的是,当你走出浴室,擦干你的后背,外面的世界很冷。前几天草是棕色的,现在是绿色的,因为我不会放弃。永远不要投降。我一有机会就给植物浇水,狮子!在生活中你必须把垃圾拿出来,如果你的生活中有垃圾,把它拿出来,扔掉,扔掉,主键。你知道,你知道他们不想让你吃午饭。我跟你说实话,所以你要做的就是吃午饭。我一有机会就给植物浇水,狮子!在生活中你必须把垃圾拿出来,如果你的生活中有垃圾,把它拿出来,扔掉,扔掉,主键。你知道,你知道他们不想让你吃午饭。 Lorem Khaled Ipsum是成功的关键。他们会试图关上你的门,只要打开它。小心你的后背,但更重要的是,当你走出浴室,擦干你的后背,外面的世界很冷。前几天草是棕色的,现在是绿色的,因为我不会放弃。永远不要投降。我一有机会就给植物浇水,狮子!在生活中你必须把垃圾拿出来,如果你的生活中有垃圾,把它拿出来,扔掉,扔掉,主键。你知道,你知道他们不想让你吃午饭。我跟你说实话,所以你要做的就是吃午饭。我一有机会就给植物浇水,狮子!在生活中你必须把垃圾拿出来,如果你的生活中有垃圾,把它拿出来,扔掉,扔掉,主键。你知道,你知道他们不想让你吃午饭。

给你一个解决方案

$(“.emails.multi-items”)。每个(功能(i){
变量$cont=$('.content')
var text_arr=$cont.text().split(“”);
对于(i=0;itop){
lineArray[lineIndex].push(idx);
lineIndex++;
lineStart=true
}
}否则{
lineArray[lineIndex].push(idx);
}
}
});
对于(i=0;i对于(var i=-1;感谢您回答我的问题。它确实有效,但如果有多组行要拆分为一个跨距,则会出现问题。我已更新了问题中的代码。第一组工作正常,但第二组有未包装的剩余部分。再次感谢。@GregorySchultz它也在包装下一组跨距,只有前几个跨距是正确的由于未使用
包装而丢失。行\u wrap
。请检查您的代码,您将在其中找到一些答案。嘿,问题再次得到解决。有一个较旧的版本,但没有使用更新的版本。但出现了一个新问题。它双重包装了所有跨度,如下所示:
。下面是一个示例:通过检查器,您可以看到它。完整查看-@GregorySchultz请检查我无法看到双包裹