Question

我试图通过它的属性选择表格中的单元格（我可以使用querySelector（＆＃34; [data-name]＆＃34;），但我希望它返回仅在第三列中的元素。是否可以将属性搜索与nth-of-type（2）组合？

我尝试过使用querySelector（＆＃34; [data-name]：nth-of-type（2）＆＃34;]但是这不起作用。

Answer 1

第3栏尝试使用nth-of-type（3）

：nth-of-type（）是一个css选择器，第一个孩子的索引将为1

＆＃13;

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

＆＃13;

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

＆＃13;