Jquery 基于浏览器宽度和div'；s高度

对于jQuery，我没有什么用处，但我需要编写一个if语句，我不确定能得到我想要的确切代码。这是我想要的伪代码：

如果浏览器宽度小于1670px且div.banner的高度小于1253px，则让div.title和div.social的父项为div.banner，否则让div.title和div.social的父项为主体（或浏览器窗口）

我希望这是有意义的，我将感谢您提供的任何帮助。

$（window）.width（）=浏览器宽度 $（'div.banner'）.height（）=div.banner的高度

if($(window).width() < 1670 && $('div.banner').height() < 1253)
{
 //do first
}
else
{
 // do else
}

if（$（窗口）.width（）<1670&&$（'div.banner'）.height（）<1253）
{
//先做
}
其他的
{
//还有别的吗
}

if（$（窗口）.width（）<1670&&$（.banner”）.height（）<1253）
{
var bannerContent=$（“.title”）.html（）+$（“.social”）.parent（）.html（）；
$（“.banner”）.html（bannerContent）；
}
其他的
{
var bodyContent=$（“.title”）.parent（）.html（）；
$（“body”）.html（bodyContent）；
}

谢谢@Thomas，但它似乎工作不正常。我把它放在$（document.ready（function（）{….}）中；这是正确的吗？my.title和.social div在页面加载中的位置是否重要？如果将其放在$（document）.ready（）-函数中，应该可以。也许您可以插入一些警告命令来查看放入banner div或body中的html。e、 例如：var bannerContent=$（“.title”）.html（）+$（“.social”）.parent（）.html（）；警报（横幅内容）；

if($(window).width() < 1670 && $(".banner").height() < 1253)
{
    var bannerContent = $(".title").html() + $(".social").parent().html();
    $(".banner").html(bannerContent);
}
else
{
    var bodyContent = $(".title").parent().html();
    $("body").html(bodyContent);
}