Question

我正在使用滑块，我想将每四个LI转换为一个LI。

滑块显示一个LI，当时有四个元素。我希望内容是包含在LI中的SPAN。

来自:(每个LI一个SPAN）

<li><span>#Content</span></li>
<li><span>#Content</span></li>
<li><span>#Content</span></li>
<li><span>#Content</span></li>
<li><span>#Content</span></li>
<li><span>#Content</span></li>

... into :(每个LI四个SPAN）

<li><span>#Content</span><span>#Content</span><span>#Content</span><span>#Content</span></li>
<li><span>#Content</span><span>#Content</span></li>

我似乎无法在互联网上找到有关此技术的任何信息。我该怎么办？

它有意义吗？抱歉我的英语不好......

Answer 1

您可以使用.slice()和.wrapAll()进行循环播放：

var spans = $("li span").unwrap();
for(var i = 0; i < spans.length; i+=4) {
  spans.slice(i, i+4).wrapAll("<li />");
}

You can test it out here。这样做.unwrap()删除初始<li>包装器，然后循环遍历4的插图，使用.slice()来获取我们正在使用的集合（它将正确处理最后一个4个或更少）并在<span>元素上使用.wrapAll()将它们放入新的<li>。

Answer 2

获取4 li的内容并将内容合并为单个li尝试使用create_html.js（插件）来高效地创建li

jQuery：将每四个LI转换为一个

2 个答案: