Question

我有4个具有相同类的div，我只想用javaScript选择第二个

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

Answer 1

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

Answer 2

为将来参考，您可以通过检查轻松地为任何元素找到CSS选择器。例如，在Firefox中，右键单击页面上的元素，然后单击检查元素。然后在检查器中，右键单击元素的标签，然后单击 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>

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

2 个答案: