How can I combine an attribute and nth-of-type in querySelector?

Question

I am trying to select a cell in a table by it's attribute (for which I could use querySelector("[data-name]"), but I want it to return the elements in the third column only. Is it possible to combine an attribute search with nth-of-type(2)?

I've tried using querySelector("[data-name]:nth-of-type(2)"] but that doesn't work.

Answer 1

for 3rd column try with nth-of-type(3)

:nth-of-type() is a css selector and index of the first child will be 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>