javascript - jqueryでdivの高さを変える

Question

何らかの理由で、jquery を使用して div の高さを変更しようとすると、機能しません。私が使用したコードは次のとおりです。

<div id="wrapdiv" style="height:2000px">
    ....
</div>

console.log(total);  // yields 1500
changediv = "wrapdiv";
$("#" + changediv).css('height', total);

何をしても、高さが1500pxに変わりません。console.log は、変数が正しく設定されていることを示しています。Chromeのコンソールで代入文を入力しても高さが変わってしまいます。それが重要な場合は、div 内に iframe があります。何か案は？

Answer 1

var total = 1500;
var changediv = "wrapdiv";

$("#" + changediv).height(total);
alert($("#" + changediv).height());

Answer 2

高さだけを単純に数値で表すことはできません。これを行う必要があります：

<div id="wrapdiv" style="height:2000px">
    ....
</div>

console.log(total);  // yields 1500
changediv = "wrapdiv";
$("#" + changediv).css('height', total + 'px');

または、次のことができます。

<div id="wrapdiv" style="height:2000px">
    ....
</div>

console.log(total);  // yields 1500
changediv = "wrapdiv";
$("#" + changediv).height(total);

JSFミドルリンク 1

JSFミドルリンク2

Answer 3

あなたはGoogleを探すべきでした... ^^ここにあります： http://api.jquery.com/height/

$('#yourDiv').height(100);