如果另一个div的高度大于值，则移动div（使用jquery）

Question

见下图。这说明了我想要实现的目标。我确信它可以用jquery但没有专业知识来编写它。

我想要的是，如果＆＃39; DIV A＆＃39;（以绿色显示）的高度低于设定的PX值（例如，如果div A的高度小于300px）那么＆ ＃39; DIV B＆＃39; （以红色显示）应移动第二个位置。如果DIV A的高度大于该值，则DIV A应该保持原位而不会被移动。

我在这里开始了一个小提琴：http://jsfiddle.net/qwcpokdL/

示例代码：                    乙     

<div class="right">
<div class="B">A</div>   
</div>

示例css：

.left, .right {width:49%; border: 1px solid #000; margin:1px; min-height:600px}
.left {float:left;}
.right {float:right;}
.somediv, .somediv2 {width:98%; height:125px; border:1px solid #ccc; margin:2px}

.A {background:red; width:98%%; height:150px; margin:2px}
.B {background:green; width:98%; height:100px; margin:2px}

提前感谢您的帮助！

Answer 1

$(function() {
  if($('#A').height() < 300){
    $('#A').remove().appendTo("#right");  
  }
});

看看这个：http://jsfiddle.net/banhjx1x/1/

Answer 2

请查看以下代码

$(document).ready(function() {
    var divAheight = $('.B').height();
    if(divAheight >= 100) {
        $( ".A" ).insertAfter( ".B" );
    }
});

Answer 3

您可以使用以下jQuery：

function checkA(){
    if($('.B').height()<300){
        var a = $('.A');
        $('.A').remove();
        $('.B').after (a);
    }
    else {
        var a = $('.A');
        $('.A').remove();
        $('.right').append(a);
    }
}
$(document).ready(function(){
    checkA();
});
$( window ).resize(function() {
    checkA();
});

另外，不要忘记在代码中添加jQuery的脚本标记。