「CSS」 方法不適用於一個html圖像元素工作

Question

HTML：

<img src="image/wall.jpg" style="position:absolute;top:80%;left:19%" class = "wall"> 
<img src="image/wall.jpg" style="position:absolute;top:20%;left:36%" class ="wall"> 
<img src="image/wall.jpg" style="position:absolute;top:50%;left:57%" class = "wall"> 
<img src="image/wall.jpg" style="position:absolute;top:30%;left:76%" class = "wall"> 

Jquery的：

var wal =$(".wall"); 
alert(wal[2].css("left")); 

當我EXCUTE此代碼控制檯顯示一個錯誤 「Uncaught TypeError: Object #<HTMLImageElement> has no method 'css'」。爲什麼控制檯提供這個錯誤？它是什麼解決方案？

Answer 1

css()是一個jquery方法，使用eq()代替它返回一個jQuery對象：

wal.eq(2).css("left")

wal[2]返回DOM節點{因爲jQuery對象是一個數組狀物體}，解釋您的問題。

Answer 2

A.當然工作，但我知道的方法之一沃爾夫的解決方案將是

var left1 = $(wal[0]).css("left"); 
var left2 = $(wal[1]).css("left"); 
var left3 = $(wal[2]).css("left"); 
var left4 = $(wal[3]).css("left"); 

小提琴：http://jsfiddle.net/naW7Z/