Javascript 每3个添加一个新div

重点是

else

位，我添加了一个div

$（''）.appendTo（'.new'），我需要检查是否已经添加了3个div，如果已经添加了，则添加一个新的
$（''）.insertAfter（$row）然后重新开始

$(".navMore li a").on("click", function() {
    var $el = $(this);
    $('#content').removeAttr('id');
    var $row = $el.closest('.row-fluid');
    if($row.next('.new').length){
        $('<div id="content" class="span4"></div>').appendTo('.new');
    }
    else {
         $('<div class="row-fluid new"></div>').insertAfter($row);
         $('<div id="content" class="span4"></div>').appendTo('.new');
    }
});

$（.navMore li a”）。在（“单击”，函数（）上{
var$el=$（本）；
$（'#content'）.removeAttr（'id'）；
变量$row=$el.最近（'.row fluid'）；
if（$row.next（'.new'）.length）{
$（''）.appendTo（'.new'）；
}
否则{
$（''）.insertAfter（$row）；
$（''）.appendTo（'.new'）；
}
});
我会使用模数（Operators/module.htm“>http://www.java2s.com/Tutorial/JavaScript/0040_Operators/Modulus.htm):

$（.navMore li a”）。在（“单击”，函数（）上{
var$el=$（本）；
$（'#content'）.removeAttr（'id'）；
变量$row=$el.最近（'.row fluid'）；
变量计数=$（'.new'）。查找（'span4'）。长度；
如果（计数%3==0）
$（''）.insertAfter（$row）；
if（$row.next（'.new'）.length）{
$（''）.appendTo（'.new'）；
}
否则{
$（''）.insertAfter（$row）；
$（''）.appendTo（'.new'）；
}
});

这很粗糙，可能需要一些按摩，但我想这就是你要找的。
使用此：

$(".navMore li a").on("click", function() {
var $el = $(this);
$('#content').removeAttr('id');
var $row = $el.closest('.row-fluid');
var $rowNew = $row.next('.new');

if ($rowNew.children().length >= 3) {
        $('<div class="row-fluid new"></div>').insertAfter($row);
}

if($row.next('.new').length){
        $('<div id="content" class="span4"></div>').appendTo('.new');
}
else {
        $('<div class="row-fluid new"></div>').insertAfter($row);
        $('<div id="content" class="span4"></div>').appendTo('.new');
}
});

$（.navMore li a”）。在（“单击”，函数（）上{
var$el=$（本）；
$（'#content'）.removeAttr（'id'）；
变量$row=$el.最近（'.row fluid'）；
var$rowNew=$row.next（'.new'）；
如果（$rowNew.children（）.length>=3）{
$（''）.insertAfter（$row）；
}
if（$row.next（'.new'）.length）{
$（''）.appendTo（'.new'）；
}
否则{
$（''）.insertAfter（$row）；
$（''）.appendTo（'.new'）；
}
});
是的，我想在jquery上使用模块，但young在这里说：）你介意润色一下吗？另外，我不确定你是否意识到你在代码中添加了重复的ID。Module是直接的JavaScript，与jquery无关。你应该摆弄一下它以获得更好的感觉。我正在通过单击删除ID：$（“#content”）.removeAttr（'id'）；我需要将该id用于其他内容（ajax）但是，一旦他们加载并打印，我就可以删除它，这是我每次单击时所做的。因此，在html中，我在结尾处只会有一个id。好的。我更新了示例，使代码显示在正确的位置。这应该对您有用。检查您是否在何处添加了3个div？可以更好地解释应该执行的操作。j正如问题所说，我需要检查我是否已经添加了3个div，哪个div以及它的位置：$（''）.appendTo（'.new'）；在“else”位
$(".navMore li a").on("click", function() {
var $el = $(this);
$('#content').removeAttr('id');
var $row = $el.closest('.row-fluid');
var $rowNew = $row.next('.new');

if ($rowNew.children().length >= 3) {
        $('<div class="row-fluid new"></div>').insertAfter($row);
}

if($row.next('.new').length){
        $('<div id="content" class="span4"></div>').appendTo('.new');
}
else {
        $('<div class="row-fluid new"></div>').insertAfter($row);
        $('<div id="content" class="span4"></div>').appendTo('.new');
}
});