div要素の幅と高さを取得するにはどうすればよいですか？
例えば、
<div style="width:100px;height:100px;overflow:hidden; float:left; margin:0px 0px 5px 0px; border:1px solid #000;">
<img src="daisy_03_20110712163828_extra.jpg" alt="daisy_03_20110712163828_extra.jpg" width="800" height="589" id="preview"/>
</div>
私はこの方法で試しました、
var previewwidth = $("#preview").css('width');
var previewheight = $("#preview").css('height');
しかし800px、代わりに画像の幅がわかります！
実はその100ままにしたいです。number
divにIDを指定し、画像のIDの代わりにそれを使用します。
これを行うには、3つの方法が考えられます。
$("#preview").parent().css('width');
$("#preview").parent().css('height');
$("#preview").parent().width();
$("#preview").parent().height();
これには、余白、パディング、境界線は含まれません。
$("#preview").parent().outerWidth();
$("#preview").parent().outerHeight();
これには、パディング、境界線、およびオプションでマージンが含まれます。マージンを含めるにtrueは、関数に追加する必要があります.outerHeight(true)。
$("#preview")imgタグはであるため、これを使用してimgを返します。id="preview"
最初のオプション：
$("#preview").parent().css('width');
第二に、より良いオプション：
divにIDを付け、「foofoo」と言います。
<div id="foodoo">...</div>
$("#foofoo").css('width');
整数のラップインにするにはparseInt()：
parseInt($("#foofoo").css('width'));
var previewwidth = $("#preview").parent().width();
var previewheight = $("#preview").parent().height();
height()とを使用できますwidth()。これらの種類の質問については、APIを参照してください。
また、上で指摘したように、セレクターが正しくありません。
previewは画像のIDなので、もちろんコードは画像のサイズを返します。divに別の一意のIDを#preview指定し、jQueryセレクターではなくそれを使用します。
<div id="myDiv" style="width:100px;height:100px;overflow:hidden; float:left; margin:0px 0px 5px 0px; border:1px solid #000;">
<img src="daisy_03_20110712163828_extra.jpg" alt="daisy_03_20110712163828_extra.jpg" width="800" height="589" id="preview"/>
</div>
以下は、divの幅/高さを「100px」として返します。
var previewwidth = $("#myDiv").css('width');
var previewheight = $("#myDiv").css('height');
そして、文字列ではなく単位のない数値として結果を取得するには、次のようにします。
var previewwidth = $("#myDiv").width();
var previewheight = $("#myDiv").height();
これは、次のように簡単に行うことができます（例としてjsfiddle）。
var mydiv = jQuery('#preview').parent('div');
var mywidth = mydiv.width();
var myheight = mydiv.height();