在Jquery中的元素之前选择兄弟?

时间:2015-06-01 07:14:24

标签: javascript jquery css

DOM看起来像这样:

<body>
<div>A</div>
<div>B</div>
<div>C</div>
<div id="selected">D</div>
<div>E</div>
<div>F</div>
<div>G</div>
</body>

现在我可以使用<div id="selected">D</div>选择$("div#selected"),然后如何选择<div>C</div>之前的元素。

有没有人有这方面的想法?

3 个答案:

答案 0 :(得分:4)

.prev();

是您所需要的,请参阅https://api.jquery.com/prev/

答案 1 :(得分:3)

最简单的方法是使用prev()

$("div#selected").prev();

根据文档,prev()

  

获得前一个兄弟姐妹......

答案 2 :(得分:0)

访问上一个兄弟:

$("div#selected").prev();

要访问所有以前的兄弟姐妹:

$("div#selected").prevAll();

要访问所有以前的兄弟,直到某些点,括号采用标记名称,类名,ID等:

$("div#selected").prevUntill();

与获得下一个兄弟姐妹类似

$("div#selected").next();

$("div#selected").nextAll();

$("div#selected").nextUntill();