檢索多個​​在表

Question

HTML：

<table> 
<tbody> 
<tr> 
<td> Info! </td> 
<td> Null </td> 
</tr> 
<tr> 
<td> 
Info 2 
</td> 
</tr> 
</tbody> 
</table> 

JS：

var elem = $("tr"); 

我已經試過：

elem.find("td").get(0); 

而且

elem[1].find("td").get(0); 

它可以很好地選擇不同的表格行，但我無法選擇<td>。

但這隻能讓我第一行的<td>標籤。

我將如何獲得第二個tr的td標籤？

Answer 1

假設elem包含所有<tr>元素，那麼：

elem.eq(1).find('td'); 

1，因爲JavaScript是零索引（因此第一是0，第二個是1等）。

或者，稍微繁瑣：

elem.filter(':nth-child(2)').find('td'); 

2因爲CSS的:nth-child()僞類是基於一個（所以第一個是1，第二個是2）。

參考文獻：

• CSS：
  • :nth-child() pseudo-class。
• 的jQuery：
  • eq()。
  • filter()。

Answer 2

在其他的解決方案，您可以使用nth-of-type選擇：

$('tr td:nth-of-type(2)') 

所以在您的試驗擴大：

var elem = $("tr"); 

elem.find('td:nth-of-type(2)'); 

，或者：

$('table tr:nth-child(2) td') 

任何這些應該做的伎倆。

Answer 3

可以使用:nth-child CSS選擇器：

$("tr:nth-child(2) td") 

或jQuery的:eq()選擇（0基於指數）：

$("tr:eq(1) td")