使用jQuery对div进行排序- 2列、1列、2列等

kcwpcxri 于 2023-06-29 发布在 jQuery

关注(0)|答案(1)|浏览(136)

我想用jQuery对div进行排序。有类别为col-sm-6和col-sm-12的div。
它应显示如下：

col-sm-6 col-sm-6
col-sm-12
col-sm-6 col-sm-6
col-sm-12
etc.

这些是divs：

<div class="row">
    <f:for each="{items}" as="data">
        <div class="col col-sm-{data.width}" data-width="{data.width}"></div>
    </f:for>
</div>

这就是我目前为止的代码：

$('.col:not(.d-none)').sort( function(a,b) {
return ???;
}).appendTo('.row');

有人知道吗？

jquery

来源：https://stackoverflow.com/questions/76463182/sorting-divs-using-jquery-2-columns-1-column-2-columns-etc

1条答案

按热度按时间

hwazgwia1#

这是程序员给我的建议：

var elementIndex = 1;
    $('.col').each(function(i, obj) {
        if ( !$(obj).hasClass('d-none') ) {
            if ( elementIndex == 3 ) {
                $(obj).removeClass('col-sm-6');
                $(obj).addClass('col-sm-12');
                elementIndex = 1;
            } else {
                $(obj).removeClass('col-sm-12');
                $(obj).addClass('col-sm-6');
                elementIndex++;
            }
        }
    });

这不是我想要的，但好吧。

赞(0）回复(0）举报 2023-06-29

我来回答

使用jQuery对div进行排序- 2列、1列、2列等

1条答案

相关问题

热门标签

最新问答