我有一个很长的名字列表，每个名字都将包含在span tags.
Example:
<span>Yang Zajicek</span>
<span>Daniela Athey</span>
<span>Alanna Bumpers</span>
<span>Audry Waldron</span>
<span>Agnes Wininger</span>
<span>Tarah Mandelbaum</span>
<span>Dedra Paille</span>
<span>Codi Morrone</span>
<span>Shan Huntoon</span>
<span>Silas Zerangue</span>
<span>Thalia Saleh</span>
<span>Britt Spurlock</span>
<span>Miguelina Dasilva</span>
<span>Scott Scholz</span>
<span>Judith Badura</span>
<span>Alfredia Kidder</span>
<span>Jae Doty</span>
<span>Charise Blakeslee</span>
<span>Yen Axelson</span>
<span>Aurora Cochran</span>
<span>Lavina Crete</span>
<span>Monique Pate</span>
<span>Lady Edelstein</span>
<span>Clark Summitt</span>
<span>Milagros Whetstone</span>
<span>Tracy Tokarski</span>
<span>Wendolyn Crafts</span>
<span>Sandra Clyde</span>
<span>Alyse Giltner</span>
<span>Glennis Roos</span>
现在需要的是我必须经历它们，就像循环或用each()，我需要用这些来包装这些组<div class="row"></div>。我足够熟悉wrap()和基本循环，但我在尝试确定何时何地包装的模式逻辑时遇到了太多错误。
缠绕图案如下：
- 遍历所有跨度，将它们分成 5 个和 6 个一组，
重复这个模式，直到所有的都被包裹起来。除上述类别外添加一个，为每个类别添加一个第二类别
div与物品数量有关。
最终结果，无论我从多少个跨度开始：
<div class="row five">
<span>Yang Zajicek</span>
<span>Daniela Athey</span>
<span>Alanna Bumpers</span>
<span>Audry Waldron</span>
<span>Agnes Wininger</span>
</div>
<div class="row six">
<span>Tarah Mandelbaum</span>
<span>Dedra Paille</span>
<span>Codi Morrone</span>
<span>Shan Huntoon</span>
<span>Silas Zerangue</span>
<span>Thalia Saleh</span>
</div>
<div class="row five">
<span>Britt Spurlock</span>
<span>Miguelina Dasilva</span>
<span>Scott Scholz</span>
<span>Judith Badura</span>
<span>Alfredia Kidder</span>
</div>
<div class="row six">
<span>Jae Doty</span>
<span>Charise Blakeslee</span>
<span>Yen Axelson</span>
<span>Aurora Cochran</span>
<span>Lavina Crete</span>
<span>Monique Pate</span>
</div>
<div class="row five">
<span>Lady Edelstein</span>
<span>Clark Summitt</span>
<span>Milagros Whetstone</span>
<span>Tracy Tokarski</span>
<span>Wendolyn Crafts</span>
</div>
<div class="row six">
<span>Sandra Clyde</span>
<span>Alyse Giltner</span>
<span>Glennis Roos</span>
</div>
最后一行可以包含 1-6 个项目，具体情况会有所不同，但类名称必须遵循“第五行”或“第六行”的模式。 CSS 将适应这一结果。
这是一种解决方案：
http://jsfiddle.net/QWHYK/
while ($('#list > span').length) {
$('#list > span:lt(5)').wrapAll('<div class="row five" />');
$('#list > span:lt(6)').wrapAll('<div class="row six" />');
}
您可能可以通过一些缓存来改进它，但逻辑就在那里。
本文内容由网友自发贡献，版权归原作者所有，本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容，请联系:hwhale#tublm.com(使用前将#替换为@)
