javascriptjquerygetheightoffsetwidth

Get width of specific div and use as another div's height?

I have two div's. #divA & #divB.

#divA has a width of 100% and I want to get the px value of the div and apply it to #divB as it's height CSS. I've tried using .offsetWidth but to no avail. Can anybody help me?

Solution

  • use .css('width') to keep units intact (ex: 400px), use .width() to get just the numerical value (ex: 400) for use in mathematical computations.

    for what you're doing:

    var divAWidth = $('#divA').css('width');
$('#divB').css('height', divAWidth);

    if you're getting mathematical:

    var divAWidthNumber = $('#divA').width();
var halfThatWidth = divAWidthNumber / 2;