查找圖片的原始寬度和高度，同時點擊使用jQuery

Question

我在一個頁面中有多個圖像。點擊時我想查找圖像的寬度和高度。

我試過這段代碼：

$(body img).click(function(){ 
    var width = $(this).naturalWidth; 
    var height = $(this).natualHeight; 
    console.log(width); 
    console.log(height); 
}); 

但我無法得到原始的寬度和圖像的高度。

Answer 1

$（this）給你的對象，而不是DOM節點。嘗試這個。

$("body img").click(function(){ 
    var width = $(this)[0].clientWidth; 
    var height = $(this)[0].clientHeight; 
    console.log(width); 
    console.log(height); 
});