根据实时结果将固定的多个div元素附加到主div，将下一个div元素附加到另一个div元素

Question

我正在为我的网页创建一个基于方面的搜索，我正在使用jquery作为前端部分。每次搜索都会返回不同的方面。内容因搜索字词而异。内容的数量也是稳定的。所以我的方面看起来就像这样。

包含在div元素内的一组单独术语。所以我看到你看到的div的数量是7，我希望以这样一种方式显示div，即在一个页面中只显示4个div，在另一个页面中显示接下来的三个div。所以我使用了名为bxslider的jquery插件。顺便说一下，我要把7个div的组合分成两页？我使用的代码是

    noOfCol=Math.ceil(count4/8);
    noOfSlides=Math.ceil(noOfCol/4);
    //alert("Total number of slides " +noOfSlides);
    count4=0;
    var num=0;
    var num1=8;

    for(var count5=0;count5<noOfCol;++count5){
        var $newDiv = $('<div style="width:200px; height:160px; background-color:#000000; float:left; margin-left:10px; margin-top:10px; color:#ffffff;"></div>') ; 
        var $newDiv1 =$('<div style="float:left; width:900px; height:20px;"></div>') ;
        $("#test1").append($newDiv);

        for(count4=num; count4<num1; ++count4) {                        
            if(prsnArray[count4]==undefined) {
            } else {
                $newDiv.append('<input type="checkbox">&nbsp;&nbsp;&nbsp;&nbsp;' +prsnArray[count4].term + "&nbsp;&nbsp;(" + prsnArray[count4].count + ")" +'<br>');
            }
        }
        num=num+8
        num1=num1+8
    }

}

Answer 1

http://jsfiddle.net/bMmLE/。查看for循环中如何使用if-else语句。 如果迭代“i”超过4，则将内容放在不同的div中。

如果我理解你的问题，我认为这可以实现你所寻找的目标。希望它能为你指明方向。

Answer 2

我对你想要的东西感到有点困惑，但我在这里创建了一个例子：http://jsfiddle.net/bMmLE/2/

它使滑块的div自动，从设定的最大数量开始，并将其加起来。

count = 15; //random count
countPrDiv = 6; ///number of elements pr div
$parent = $('#sliderDiv'); //parent to add the divs too

for(var i = 0; count > i++;){
    if(i === 1) {
        $('<div></div>').appendTo($parent).addClass('max'+countPrDiv);
    } else if (i === countPrDiv) {
        countPrDiv = countPrDiv  + countPrDiv ;
        $('<div></div>').appendTo($parent).addClass('max'+countPrDiv);
    }

    $('.max'+countPrDiv).append('<p>'+i+'</p>');
}

$('#sliderDiv').bxSlider();