通過索引

Question

http://jsfiddle.net/9G6NM/

console.log($('.square').css('background-color')); // red 
console.log($('.square')[1].css('background-color')); // error 
console.log($('.square')[2].css('background-color')); // error 

如何通過jQuery檢索綠色和藍色方塊的屬性獲取與類特定元素？

Answer 1

你應該使用eq：

console.log($('.square').css('background-color')); 
console.log($('.square').eq(1).css('background-color')); 
console.log($('.square').eq(2).css('background-color')); 

的問題是，css是jQuery的對象的方法。但是如果你使用括號表示來訪問單個元素，你會得到「真實」的，沒有任何jQuery包裝。

或者，您可以：

• 在jQuery對象再次把它包（昂貴，不推薦）：

  $($('.square')[1]) 
  

• 使用香草JS獲取其風格：

  $('.square')[1].style.backgroundColor; // Only to get inline styles 
  getComputedStyle($('.square')[1]).backgroundColor; 
  

Answer 2

使用eq()：

console.log($('.square').eq(1).css('background-color')); 

的方括號檢索從jQuery集合，而不是在該索引點jQuery對象的DOM節點。

參考文獻：

• eq()。

Answer 3

$($('.square')[1]).css('background-color') 

個

名爲.css需要一個jQuery對象，而[1]給你一個DOM對象，所以你必須使用$()將其轉換爲jQuery對象（不知道這是正確的術語）

http://jsfiddle.net/9G6NM/2/

Answer 4

另一個選項出現是這樣的：

http://jsfiddle.net/9G6NM/1/

console.log($($('.square')[0]).css('background-color')); // red 
console.log($($('.square')[1]).css('background-color')); // green (dark) 
console.log($($('.square')[2]).css('background-color')); // blue