Jquery选择兄弟姐妹之前的第3个元素

Question

给出DIV列表

<div>1</div>
<div>2</div>
<div>3</div>
<div>4</div>
<div id="thisIsTheStart">5</div>
<div>6</div>

如何从thisIsTheStart选择器中选择第3个最后一个兄弟（答案是2）？

Answer 1

您可以合并方法.eq()和.prevAll()。

$('#thisIsTheStart').prevAll().eq(2)

由于.eq()方法的索引从零开始，您将使用.eq(2)，即3。

＆＃13;

＆＃13;

$('#thisIsTheStart').prevAll().eq(2).css('color', '#f00');

＆＃13;

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div>1</div>
<div>2</div>
<div>3</div>
<div>4</div>
<div id="thisIsTheStart">5</div>
<div>6</div>

＆＃13;

＆＃13;

＆＃13;

Answer 2

使用prevAll（）和eq（）。

$('div[id="thisIsTheStart"]').prevAll().eq(2).html();

<强>演示：

http://jsfiddle.net/e93ak8xo/1/