Question

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

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

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

TIA

Answer 1

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

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

Answer 2

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

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

Answer 3

试试这个.. 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（）方法，而不是如上所述

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

3 个答案: