且构网

分享程序员开发的那些事...
且构网 - 分享程序员编程开发的那些事

关闭引导行并在每第n个包含div的行之后开始新行

更新时间:2023-02-07 09:06:45

可以执行以下操作:

var $mainElem = $('.row'),/* adjust selector to suit page*/
    $parent = $mainElem.parent(),
    /* remove children after 4th from existing row */
    $items = $mainElem.children(':gt(3)').detach();

if ($items.length) {
    /* create new row for every 4 items removed above */
    for (var i = 0; i < $items.length; i = i + 4) {
        var $row = $('<div class="row">').append($items.slice(i, i + 4));
        $parent.append('<hr class="divider">').append($row);    
    }
}

演示