0

サイトに本の棚を作成していますが、各アイテムを棚の行に配置するのに問題があります。私が欲しいのは、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>
4

1 に答える 1

2

この 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();​

デモを参照してください。

于 2012-08-24T13:08:27.187 に答える