0

所以我知道我这样做是错误的,但我被困住了,所以我想你们可以帮助我。所以我的想法是我有两个容器。一种仅用于小于某个高度的内容,一种用于大于某个高度的内容。所以这里是一个代码的基本草图,它不能给你一个基本的想法:

$('#content').each(function(){
if($(this).height()>120){
    $('#container2').append('the content');
};
else{
    $('#container').append('the content');
};
});

这是一个 jsfiddle,它显示了结果应该是什么样的:http: //jsfiddle.net/3TxR9/1/

编辑 1: id 内容包含了大量不同的内容,这就是为什么我想要不同高度的不同容器。因此,“内容”将是 id 内容中的特定内容,这样每条内容都会被评估,因此它会进入正确的容器。我链接的 jsfiddle 不是正确的编码,它只是为了显示应用正确的 jquery 时会发生什么

4

2 回答 2

0

我认为你只是让自己变得比你需要的更难,因为jQuery 中的 .height()会给你计算出你想要的任何元素的高度。

然后,当您处理您的项目时,您可以在要排序的元素上使用 .height() ,如果大于某个高度,则将其附加到一个框,否则将其附加到另一个框。

于 2013-03-22T19:14:11.203 回答
0
$(document).ready(function(){
    $(".content").each(function(){
        if($(this).height() > 100)
        {
            $(this).appendTo("#container");
            $(this).show();
        } else {
            $(this).appendTo("#container2");
            $(this).show();
        }
    });
});

演示:http: //jsfiddle.net/calder12/3TxR9/4/

于 2013-03-22T19:27:29.983 回答