如何选择相同类型的第n个元素

Question

我想td从所有人中选择第n个td,我该怎么做？

我知道我可以做到document.querySelectorAll("td")[nth],但我正在寻找一种纯粹的CSS方式.

我试过了document.querySelectorAll("td:nth-child(77)"),但它没有给出结果document.querySelectorAll("td")[77].

Answer 1

var result = document.querySelectorAll("table td:nth-of-type(2)");

console.log(result);

<table>
  <tr><td>nope</td><td>nope</td></tr>
  <tr><td>nope</td><td>here</td></tr>
  
</table>

UP.代码段显示您无法全局选择TD元素,但您可以在给定的TR中获得第n个td元素.这是你想要的？

有选择器 :nth-of-type(77)

应该帮助你.

nth-childselector计算给定元素的所有子元素 - 包括其他类型的标记.当JS querySelector结果array为0 时,css选择器也从1开始计数

Answer 2

我知道我可以做到document.querySelectorAll("td")[nth],但我正在寻找一种纯粹的CSS方式.