jQuery - 変数付きCalcの高さ

Question

jQueryでcalcを使用する方法はありますか？私は以下のようなものを試していたが、それは有効ではないようだ。誰もがこれを行うには正しい方法を知っていますか？

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)` }); 

//更新： jQuerys height機能は単位なしのピクセルを返すことを、忘れないでください、あなたはそれを追加する必要があります。また、バッククォートを使用して、新しいテンプレート文字列フォーマットを使用することができます

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

同様にあなたのCSSの声明で。