使用变量在jQuery中设置CSS属性值

Question

I want to set the height of a div based on the height of another div, which changes depending on the browser width. I wrote the following which I think makes sense but it doesn't work, so I'm not sure if there's a way to do this or not?

$(window).on('resize', function() {

    var newHeight = $("#div1").height();
    $("div2").css(height, newHeight);

});

Thanks

Answer 1

Your code have 2 issues

1) You need to write CSS property name in quotes.

2) You are missing ID selector for div2

$("#div2").css('height',newHeight);

Answer 2

You can set the height of an element using css :

$("#div2").css('height', newHeight + 'px');
// ^           ^      ^            ^^^^^^^

You can also use height to set the height of an element.

$("#div2").height(newHeight);