从底部选择第三个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>

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

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

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

Answer 1

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

null

$('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>