0

我试图从动态创建的项目的无序列表开始，根据内容的数量，这些项目需要分解为每列 10 个项目的无限列。 

<div class="listBox">
<ul class="list">
    <li>Data</li>
    <li>Data</li>
    <li>Data</li>
    <li>Data</li>
    <li>Data</li>
    <li>Data</li>
    <li>Data</li>
    <li>Data</li>
    <li>Data</li>
    <li>Data</li>
    <li>Data</li>
    <li>Data</li>
    <li>Data</li>
    <li>Data</li>
    <li>Data</li>
    <li>Data</li>
    <li>Data</li>
    <li>Data</li>
    <li>Data</li>
    <li>Data</li>
</ul>

我想使用 jquery 将其拆分为 10 个单独的列，以获得无限数量的列。

<div class="listBox">
<ul class="list">
    <li>Data</li>
    <li>Data</li>
    <li>Data</li>
    <li>Data</li>
    <li>Data</li>
    <li>Data</li>
    <li>Data</li>
    <li>Data</li>
    <li>Data</li>
    <li>Data</li>
</ul>
<ul class="list">
    <li>Data</li>
    <li>Data</li>
    <li>Data</li>
    <li>Data</li>
    <li>Data</li>
    <li>Data</li>
    <li>Data</li>
    <li>Data</li>
    <li>Data</li>
    <li>Data</li>
</ul>

4

1 回答 1

1

这样做对我来说没有多大意义（如果 DOM 不是您想要的，请在没有 JS 的情况下更改 DOM），但也许我错过了更大的图景。要回答您的问题，您可以执行以下操作：

// Also store list, to be able to efficiently remove it later on
var $items = $('.list > li');
var total = Math.floor($items.length / 10);

for (var i=1, i<=total; i++) {
  $items.eq(i*10).after('</ul><ul class="list">');
}
于 2013-11-13T20:32:16.957 回答