How to get the second match with QuerySelector?

问题

The following statement gives me the first element with the class titanic

element = document.querySelector('.titanic');

How would I retrieve the second element with the same class?

回答1:

Use document.querySelectorAll

document.querySelectorAll('.titanic')[1]

回答2:

You don't necessarily need querySelectorAll for picking second element and the question is to use querySelector API. You can utilizing the power of CSS in the selector.

For example you can do:

document.querySelector('.titanic:nth-child(2)')

to pick second element. NOTE: the count starts at 1, not 0.

来源：https://stackoverflow.com/questions/22902447/how-to-get-the-second-match-with-queryselector