Javascript 从网格中删除一个项目，该项目应始终正好有6列

我有一个html结构，如下图所示：。我希望这足够清楚

div.itemwith.item-only类是包含某些内容的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">&nbsp;</div>
        </div>
        <div class="span2">
            <div class="item empty">&nbsp;</div>
        </div>
        <div class="span2">
            <div class="item empty">&nbsp;</div>
        </div>
    </div>
</div>

1.
2.
3.

问题:

我想从此列表中删除一个项目，并将其替换为一个空项目。一切正常，我可以删除它并将一个空的附加到div.row-fluid。但我的问题是我可能有多行

若从一行中删除了一个项目，那个么脚本应该从下一个最近的行中获取一个项目，将其追加到第一行（从该行中删除了项目），然后追加为空

我需要在每行中始终有6项

---

我期待着找到最简单的方法。我正在使用jQuery。有人有主意吗？

问题是引导，实际上，它导致了大量问题。我从JS fiddle中删除了它，使用了这个CSS，并在底部添加了一个更清晰的div

---

欢迎来到stack。你的小提琴和问题不够清楚。你说的是网格行中的列。我没有在小提琴标记中看到任何列。此外，行中没有项目。正确地表达你的问题，并在小提琴上做适当的标记，使之正确。此外，您的终端没有努力编写js代码来支持您的需求。试着先这样做，然后如果出现问题，把它贴在这里。Stack的人会帮你查的。干杯你能再解释一下你想要什么吗。。。您需要从行中删除哪一项？好的，我已经用javascript更新了fiddle。基本上，这些行显示在滑块中。我想做个篮子之类的东西。您可以添加项目，也可以删除项目，但项目必须始终为每行6个。如果行中有例如3个项目，我想再添加3个带有加号图标的占位符。这是原型的图像：是的，它工作得很好，但不幸的是，这个html结构将是一个滑块（确切地说是滑块）的一部分，并且每个（没有类）都是一个幻灯片。我想从一张幻灯片中删除一个项目，但如果在另一张幻灯片中有项目，则应转到上一张。看起来您必须为每个项目编写自定义代码。你不能真的从另一个div中提取一个元素而不为每个div编码。是的，我知道。但我的问题是关于最简单的方法。只是算法或代码我可以自己写。。。经过一天的工作，我认为最好的选择将是删除所有这些内容，删除行，并从将项目从div移动到div的抓痕中创建所有dom。。。你认为呢？我经常使用这种技术，因为我使用Smarty并通过AJAX获取代码片段。但是，如果您的数据不需要从数据库更新，我认为最好将其本地存储在javascript变量中，以最小化带宽和服务器连接。无论哪种方式，您的解决方案都可能是根据您的需要使用多个div完成任务的最简单方式。一个很好的淡出更新html-fadeIn效果可以使它看起来好像没有任何重建正在进行。

.row-fluid > div.span2{float:left;margin-left:0px;width:16%;}
.clearer {clear:both;}
.item {
    width: 86%;
    padding: 5%;
    color: #fff;
    background: #ff0000;
    margin-bottom: 10px;
    text-align: center;
    min-height: 1.4em;
    cursor: pointer;
}

.item.empty {
    background: #cccccc;
}