當包圍時jQuery對象失敗獲取元素

Question

我使用以下語法從TABLE中檢索元素。

$("#table").children().children().children().html(); 

這給我的第一TD的內容。然後我轉移到第二個，發現使用下面的括號語法選擇它會給我一條錯誤消息，說明html（）不是該對象的方法。

$("#table").children().children().children()[1].html(); 

相反，我不得不使用innerHTML的 peoperty代替，像這樣。

$("#table").children().children().children()[1].innerHTML; 

我的印象是我做錯了什麼。在獲得我想要的結果的同時，我不禁覺得有更多的建議方式可以解決這種問題。歡迎提出建議。

Answer 1

這是因爲html是一個jQuery函數，但[1]爲您提供了DOM元素。

您可以使用.eq(n)獲得第n個元素：

$("#table").children().children().children().eq(1).html(); 

...但如果你通過他們循環，這是非常低效的重複以上。相反，考慮each：

$("#table").children().children().children().each(function() { 
    // Use $(this).html(); for each cell's contents 
}); 

更新在評論你說：

我針對與像143指數四個不同的元素，237等

在這種請記住最初的一組元素，然後根據需要使用.eq：

var cells = $("#table").children().children().children(); 
cells.eq(143).html(...); 
cells.eq(237).html(...); 

---

你也可以考慮的東西，如果你調整你的表結構（例如，也許你添加一個colgroup或rowgroup現在也有不同程度的）那是那麼脆弱：

var cells = $("#table td"); 

Answer 2

這是因爲當你使用索引來訪問元素時，它會返回一個dom元素引用而不是一個jQuery對象，所以.html()方法將不在那裏。

var first = $("#table").find('td').eq(0).html(); 
var second = $("#table").find('td').eq(1).html(); 

---

或

var $tds = $('#table td') 
var first = $tds.eq(0).html(); 
var second = $tds.eq(1).html();