이미지의 CSS 너비 속성을 가져올 수 없습니다.

Question

이미지 그룹의 CSS 너비를 받으려고합니다. 예를 들어, 나는

#myDiv img{ 
    width: 100px; 
} 

로와 $ (문서) .ready 이러한 CSS 규칙이() 나는이 나는이 CSS 값에 얻을 어떻게

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

? 감사!

편집 : CSS 값을 가져 오려고 시도한 후에 이미지를 동적으로로드하고 있는데 jquery가 요소가 있어야한다는 것을 알지 못했습니다. 이미지를로드하기 전에 값을 얻을 수있는 방법이 있습니까?

Answer 1

.CSS가 ('폭') 정의되지 않은 반환하는 경우 및 .width을 위해 작동하기 때문에()

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

같은 것입니다 null를 돌려, 즉, 페이지에서 선택기 "#myDiv img"와 일치하는 요소가 없음을 의미합니다. 해당 속성에 액세스하는 jQuery의 경우 해당 이미지 중 하나가 실제로 페이지에 있어야합니다 (즉, jQuery에 "이 요소의 너비는 어떻게 될까요?").

이미지를 해당 div에 동적으로 추가하고 있으며 스크립트가 실행될 때 아무 것도 존재하지 않는다고 생각합니다. 어느 쪽이든, 또는 # myDiv와 관련된 철자가 틀립니다.

Answer 2

확인 HTML 수는 나를

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