Warning: file_get_contents(/data/phpspider/zhask/data//catemap/7/rust/4.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 动态地将元素组织到列中_Javascript_Jquery - Fatal编程技术网

Javascript 动态地将元素组织到列中

Javascript 动态地将元素组织到列中,javascript,jquery,Javascript,Jquery,我需要将未知数量的元素组织到垂直读取的列中。下面的代码非常适合根据每列的设置数量来组织元素,但是我不知道元素的数量,所以我需要将所有元素分成4个组(可能是5或6个克隆) 第1列=元素的前25% 第2列=第2个25%的元素 第3列=元素的25% 第4列=元素的25% $(window).load(function(){ $('.equalChildHeights').setEqualHeights(); var linkNum = 1; $('.organizeLinks').each(func

我需要将未知数量的元素组织到垂直读取的列中。下面的代码非常适合根据每列的设置数量来组织元素,但是我不知道元素的数量,所以我需要将所有元素分成4个组(可能是5或6个克隆)

第1列=元素的前25%
第2列=第2个25%的元素
第3列=元素的25%
第4列=元素的25%

$(window).load(function(){
$('.equalChildHeights').setEqualHeights();

var linkNum = 1;
$('.organizeLinks').each(function(){
    if (linkNum <= 10) {
        $(this).addClass('linkCol1');
    } else if (linkNum > 10 && linkNum <= 20) {
        $(this).addClass('linkCol2');
    } else if (linkNum > 20 && linkNum <= 30) {
        $(this).addClass('linkCol3');
    } else if (linkNum > 30 && linkNum <= 40) {
        $(this).addClass('linkCol4');
    } else if (linkNum > 40 && linkNum <= 50) {
        $(this).addClass('linkCol4');
    };
    linkNum++;
});
$('.linkCol1').each(function(){
    $(this).appendTo('.column-1');
});
$('.linkCol2').each(function(){
    $(this).appendTo('.column-2');
});
$('.linkCol3').each(function(){
    $(this).appendTo('.column-3');
});
$('.linkCol4').each(function(){
    $(this).appendTo('.column-4');
});
$(窗口).load(函数(){
$('.equalChildHeights').setEqualHeights();
var-linkNum=1;
$('.OrganizeLink')。每个(函数(){

如果(linkNum 10&&linkNum 20&&linkNum 30&&linkNum 40&&linkNum您正在查找模数运算符,则以下是一个工作示例:

对所有元素进行计数,并使用百分比设置变量

var linkNum = 1;
var totoalLinksCol = $('.organizeLinks').length;
var linksPerCol = Math.ceil(totoalLinksCol/4);
$('.organizeLinks').each(function(){
    if (linkNum <= linksPerCol) {
        $(this).addClass('linkCol1');
    } else if (linkNum > linksPerCol && linkNum <= linksPerCol*2) {
        $(this).addClass('linkCol2');
    } else if (linkNum > linksPerCol*2 && linkNum <= linksPerCol*3) {
        $(this).addClass('linkCol3');
    } else if (linkNum > linksPerCol*3 && linkNum <= linksPerCol*4) {
        $(this).addClass('linkCol4');
    };
    linkNum++;
});
$('.linkCol1').each(function(){
    $(this).appendTo('.column-1');
});
$('.linkCol2').each(function(){
    $(this).appendTo('.column-2');
});
$('.linkCol3').each(function(){
    $(this).appendTo('.column-3');
});
$('.linkCol4').each(function(){
    $(this).appendTo('.column-4');
});
var linksPerCol = Math.ceil(totoalLinksCol/4);