画像のCSS幅プロパティを取得できません。

Question

画像グループのCSS幅を取得しようとしています。例えば、私はそのような

#myDiv img{ 
    width: 100px; 
} 

としてCSSルールを持っているし、$（ドキュメント）.ready（）で私は、このCSS値で入手できますか

console.log($("#myDiv img").css("width")); //prints 'undefined' 
console.log($("#myDiv img").width());  //prints 'null' 

方法がありますか？ありがとう！

編集： CSS値を取得しようとした後でイメージを動的にロードしていましたが、jqueryに要素が必要であることがわかりませんでした。イメージをロードする前に値を取得する方法はありますか？

Answer 1

を動作するため、HTMLが

<div id="myDiv"> 
    <img src="/nyan.gif" /> 
</div> 

のようなものであることを確認してください）は、nullを返しますつまり、セレクタ "#myDiv img"と一致する要素がページにないことを意味します。そのプロパティにjQueryがアクセスするには、そのイメージの1つが実際にページに存在する必要があります（つまり、jQueryに「このような要素の幅はどういうのでしょうか」と問いかけることはできません）。

私はあなたがそのdivに画像を動的に追加していると思っていますが、あなたのスクリプトが実行されても存在しません。どちらかというと、＃myDivというスペルミスがあります。

Answer 2

の.css（ '幅'）（未定義、および.width返した場合、それは私のため

http://sandbox.phpcode.eu/g/556f9/1