javascript - 从底部选择第三个 div

Question

我如何从底部选择第三个 div（即在这种情况下，带有“4”的 div）

<div class='elem'>1</div>
<div class='elem'>2</div>
<div class='elem'>3</div>
<div class='elem'>4</div>
<div class='elem'>5</div>
<div class='elem'>6</div>

我试过这个，但它选择了最后三个 div。

$('div:gt(-3)').css('background':'red');

请知道，我可能不知道总 div（它是动态的），但我只需要从底部选择第三个 div。

标签： javascriptjquery

Answer 1

您可以eq()通过指定值-3来使用该方法，该值将悬停在底部的第三个元素上。

$('div:eq(-3)').css('background', 'red');

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>

<div class='elem'>1</div>
<div class='elem'>2</div>
<div class='elem'>3</div>
<div class='elem'>4</div>
<div class='elem'>5</div>
<div class='elem'>6</div>