Оператор jQuery IF, основанный на ширине браузера и высоте div

Question

Я бесполезен, когда дело доходит до jQuery, но мне нужно написать оператор if, и я не уверен в точном коде, который получит то, что я хочу. Это то, что мне хотелось бы в псевдокоде:

Если ширина браузера меньше 1670 пикселей, а высота div.banner меньше 1253 пикселей, тогда пусть div.title И родитель div.social будет div.banner, иначе пусть родительский элемент div.title и div.social - тело (или окно браузера)

Надеюсь, это имеет смысл, и я буду признателен за любую помощь, которую вы могли бы дать.

Answer 1

$ (окно) .width() = браузер Ширина $ ('div.banner'). (Высота) = высота div.banner

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

Answer 2

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); 
}