如何从具有相同类的一组 div 中选择第二个元素？

Question

我有 4 个具有相同类的 div，我只想用 javaScript 选择第二个<div class='container'></div><div class='container'></div><div class='container'></div><div class='container'></div>

Answer 1

为了将来参考，您可以通过检查轻松找到任何元素的 CSS 选择器。例如，在 Firefox 中，右键单击页面上的元素，然后单击Inspect Element。然后在检查器中右键单击元素的标签并单击Copy->CSS Selector。在这种情况下，它会给你div.container:nth-child(2)。然后你可以直接使用它document.querySelector：

let second = document.querySelector('div.container:nth-child(2)')

console.log(second)

<div class='container'>1</div>

<div class='container'>2</div>

<div class='container'>3</div>

<div class='container'>4</div>

Answer 2

您可以使用以下代码选择它：document.querySelectorAll('.container')[1]或者如果他们有一个父母document.querySelectorAll('.container:nth-child(2)')