jquery - 如何在 jQuery 中添加两个高度属性？

Question

是否可以添加来自两个不同元素的两个高度属性？例如

var reportHeight = $("#" + loadTo).css("height");
var userCompaniesHeight = $("#UserCompanies").css("height");

// is it possible --> var totalHeight = reportHeight + userCompaniesHeight;

TIA

Answer 1

使用.height()which 返回一个以像素为单位的普通数字，而不是包含单位的字符串。

var reportHeight = $("#" + loadTo).height();
var userCompaniesHeight = $("#UserCompanies").height();
var totalHeight = reportHeight + userCompaniesHeight;

Answer 2

试试这个.. jQuery CSS() 方法返回一个字符串，所以你需要使用parseInt()：

https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/parseInt

var reportHeight = parseInt( $("#" + loadTo).css("height"), 10),
    userCompaniesHeight = parseInt( $("#UserCompanies").css("height"), 10),
    totalHeight = reportHeight + userCompaniesHeight;

或者如上所述使用jQuery height()方法

Answer 3

只需使用该height()方法，否则您可以从.css()返回的内容中解析出“px”

var totalheight= $("#" + loadTo).height() + $("#UserCompanies").height();