jQuery的：使用（「父>子」）與變量

Question

比如我有一個<div class="first"> containig其他<div>的和選擇的第一個，把他推變量

variable = $('div.first') 

現在我想是這樣的

$(variable + " > div") 

我知道，這似乎是愚蠢的，但如果我有一個數組containig錶行，我需要訪問特定的行內列：

var tableRows = $('table > tbody > tr'); 
var tableBodyCols = $(tableRows[i]+'> td'); // Doesn't work :(

Answer 1

使用.children()

var tableBodyCols = tableRows.children('td'); 

或上下文選擇：

var tableBodyCols = $('> td', tableRows); 

兩者都是等價的，但前者更容易閱讀恕我直言。

這裏有一個fiddle展示兩者。

---

並遍歷each錶行的所有兒童組：

tableRows.each(function() { 
    var tableBodyCols = $(this).children('td'); 
    //... 
}); 

但如果你真的喜歡for循環，或者你需要獲得特定行的列，那麼eq是你的朋友。

for (var i = 0; i < tableRows.length; i++) { 
    var tableBodyCols = tableRows.eq(i).children('td'); 
    //... 
} 

這裏是更新的fiddle。

Answer 2

要獲得指數i的行的單元格，你可以使用

var tableBodyCols = $('td', tableRows[i]); 

如果你真的可能有td不止一個層次，使用

var tableBodyCols = tableRows.eq(i).children('td'); 

或使用本機的DOM物體：

var tableBodyCols = tableRows[i].cells; 

Answer 3

如果你想要全部個<td>細胞，使用方法：

var tableBodyCols = tableRows.children('td'); 

如果你想只有那些對特定排i：

var tableBodyCols = tableRows.eq(i).children('td'); 

其中i將從零開始第一行。

Answer 4

你不能這樣做$(variable + " > div")，因爲variable不是一個字符串，而是一個jQuery元素。

不過你可以試試：

variable.children("div");