我有一个像这个小提琴所示的 html 结构:http: //jsfiddle.net/VrkU5/7/。我希望它足够清楚。
具有 .item 唯一类的div.item是包含某些内容的项目,比如说一个图像。div.item.empty是空的,带有一个占位符。
行示例:
<div>
<div class="row-fluid">
<div class="span2">
<div class="item">1</div>
</div>
<div class="span2">
<div class="item">2</div>
</div>
<div class="span2">
<div class="item">3</div>
</div>
<div class="span2">
<div class="item"> </div>
</div>
<div class="span2">
<div class="item empty"> </div>
</div>
<div class="span2">
<div class="item empty"> </div>
</div>
</div>
</div>
问题:
我想从此列表中删除一个项目并将其替换为一个空项目。一切正常,我可以删除它并将一个空的附加到 div.row-fluid。但我的问题是我可以有多行....
如果从一行中删除一个项目,脚本应该从下一个最近的行中获取一个项目,将其附加到第一行(从中删除的项目),然后附加为空。
我需要在每行中始终有 6 个项目。
我期待最简单的方法来做到这一点。我正在使用 jQuery。有人有想法吗?