jQuery - 计算带有变量的高度

Question

有没有办法将 calc 与 jQuery 一起使用？我正在尝试类似下面的方法，但它似乎无效。请问有人知道正确的方法吗？

var h = $('.mydiv').height();

$('.shopping-cart-table-container').css({ height: 'calc(100% - ' h')'});

Answer 1

是的，你有一个小语法错误。

$('.shopping-cart-table-container').css( { height: 'calc(100% - ' + h + 'px)' } );

您还可以使用反引号使用新的模板字符串格式:

$('.shopping-cart-table-container').css( { height: `calc(100% - ${h}px)` } );

//update: 请记住，jQuery 的 height 函数返回没有单位的像素，因此您还需要将其添加到 css 语句中。