javascript - 如何在 querySelector 中组合属性和第 n 个类型？

Question

我试图通过它的属性选择表中的一个单元格(我可以使用 querySelector("[data-name]")，但我希望它只返回第三列中的元素。是否可能将属性搜索与 nth-of-type(2) 结合起来？

我尝试过使用 querySelector("[data-name]:nth-of-type(2)"] 但这不起作用。

Answer 1

对于第三列，尝试使用 nth-of-type(3)

:nth-of-type() 是一个 css 选择器，第一个子元素的索引将为 1

http://www.w3schools.com/cssref/sel_nth-of-type.asp

console.log(document.querySelector("table tr [data-name]:nth-of-type(3)"));

<table>
  <tr>
    <td data-name="1">1</td>
       <td data-name="2">2</td>
        <td data-name="3">3</td>
    <tr>
      </table>