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();

请参阅DEMO。

用jquery对项进行分类

1 个答案: