javascript - Add new row every set number of children -

javascript - Add new row every set number of children -

i trying add together new row every 2 childrens , place 2 new childrens within new row each time.

the starting html:

<div class="row_1"></div>

after first run get:

<div class="newrow"> <div class="span6" id="content"></div> </div> <div class="row_1"></div>

but maintain adding get:

<div class="newrow"> <div class="span6">...</div> <div class="span6" id="content">...</div> <div class="span6" id="content"></div> <== empty div </div> <div class="newrow"></div> <== empty div <div class="row_1"></div>

expected result be

<div class="newrow"> <div class="span6">...</div> <div class="span6" id="content">...</div> </div> <div class="newrow"> <div class="span6">...</div> <div class="span6">...</div> </div> <div class="row_1"></div>

the next jquery using

$(".nav li a").on("click", function(e) { $('#content').removeattr('id'); var $row = $(".row_1"); var $rownew = $('.newrow'); if($rownew.length < 2){ $('<div id="content" class="span6"></div>').appendto('.newrow'); } if ($rownew.children().length > 2) { $('<div class="row-fluid new"></div>').insertbefore($row); } else { $('<div class="row-fluid new"></div>').insertbefore($row); $('<div id="content" class="span6"></div>').appendto('.newrow'); } });

"eventually solved with":

$(".nav li a").on("click", function(e) { $('#content').removeattr('id'); var $row = $(".span9"); var $rownew = $('.new'); if ($rownew.children().length > 1) { $(".span9 div").removeclass("new"); $('<div class="row-fluid new"></div>').prependto($row); } if ($(".new").length == 0) { $('<div class="row-fluid new"></div>').prependto($row); $('<div id="content" class="span6"></div>').appendto('.new'); } else { $('<div id="content" class="span6"></div>').appendto('.new'); } });

javascript jquery