jquery - 使用 jquery 对项目进行分类

Question

我在我的网站上创建了一个书架，但是在将每件物品放在书架上的一行时遇到了问题。我想要的是让 jquery 帮助我创建一个新的 ul 标签来包含一个新的但连续的项目列表，每行应该有 5 本书，我怎样才能让 jquery 知道书的数量，然后将它们安排在我刚才说的方式？感谢任何有帮助的人。

这就是我想要的样子。

<ul>

<li>Book</li>
<li>Book</li>
<li>Book</li>
<li>Book</li>
<li>Book</li>

</ul>

<ul>

<li>Book</li>
<li>Book</li>
<li>Book</li>
<li>Book</li>
<li>Book</li>

</ul>

Answer 1

鉴于此 HTML：

<div class="container">
    <ul class="original">
        <li>Book</li>
        <li>Book</li>
        <li>Book</li>
        <li>Book</li>
        <li>Book</li>
        <li>Book</li>
        <li>Book</li>
        <li>Book</li>
        <li>Book</li>
        <li>Book</li>
    </ul>
</div>
​

你可以这样做：

while ($("ul.original li").size()) {
    var $slice = $("ul.original li").slice(0, 5);
    $("<ul>").append($slice.clone()).appendTo(".container");
    $slice.remove();
}

$("ul.original").remove();​

见演示。