根据内容高度添加内容

时间:2013-03-22 19:06:24

标签: javascript jquery if-statement append each

所以我知道我会以错误的方式解决这个问题,但是我被困住了所以我认为你们可以帮助我。所以我的想法是我有两个容器。一种是仅用于低于某一高度的内容,一种用于高于某一高度的内容。所以这里是一个代码的基本草图,它不会给你一个基本的想法:

$('#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时会发生什么

2 个答案:

答案 0 :(得分:0)

我认为你只是让事情变得比你需要的更难,因为.height() in jQuery将为你提供你想要的任何元素的计算高度。

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

答案 1 :(得分: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/