问题
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?
回答1:
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;
回答2:
If you don't want to use jQuery:
var getwidth = document.getElementById("div1").style.width;
document.getElementById("div").style.height = getWidth;
With jQuery
var getwidth = $("#div1").width();
EDIT
$("#div").height(getwidth);
来源:https://stackoverflow.com/questions/21057702/get-width-of-specific-div-and-use-as-another-divs-height