jqueryのcssメソッドで単位の○%を追加したい

Question

以下のコードでの高さboxHeightをpxで算出し、この値に40%追加したいのですが、その場合はどのような記述になりますか？

また、ニュースページ、インフォページ、メニューページの各ページのコンテンツの高さを出し、その値に+40%し、
.spacer-btmの高さに付与させたいです。

ニュースページの場合 .new-content + 40% = boxHeight*

メニューページの場合 .menu-content + 40% = boxHeight*

インフォメーションページの場合 .information-content + 40% = boxHeight*

jQuery(function($) {
  var boxHeight = $('.news-content,.info-content,.menu-content').outerHeight();
  $('.spacer-btm').css('height', boxHeight + 'px');
});

ニュースページの場合のhtml

<div class="news-content"></div>
<div class="spacer-btm"></div>
<div id="triggerfoot"></div>

Answer 1

<div class="content_box news-content"></div>
<div class="content_box menu-content"></div>
<div class="content_box information-content"></div>

のようにどのページでも共通のclassを指定してはどうでしょうか。
これなら

var boxHeight = $('.content_box').outerHeight()*1.4;

で140%の高さが取得できると思います。

Comments

[退会済みユーザー]

ご回答いただきありがとうございます！
ご教授いただきました*1.4で140%の取得が行えました。
calcを記述で行おうとしておりましたが、こちらの方がシンプルで分かりやすいですね。
ありがとうございました。

[退会済みユーザー]

すみません、-40%にさせたい場合は、どのような記述になりますでしょうか。

[退会済みユーザー]

以下で高さ+40%でも同じ値がでるはずなのですが、
記述に何か問題がありますでしょうか。

jQuery(function($) {
var boxHeight = $('.all').outerHeight();
$('.spacer-btm').css({ 'height': 'calc('40'%' + boxHeight + 'px)' });

});

[kei344]

> 'calc('40'%' + boxHeight + 'px)'
カンマの位置がおかしいので、意図通りには表示されないと思います。
「'calc( 40% ' + boxHeight + 'px )' 」こうかな。「40%」の後ろにはスペースも必要ですのでご注意ください。

また、追加の質問は一旦ここを解決済にされた上で、新たに質問されるほうが良いと思います。