jQuery的前一个兄弟选择器

Question

如果我有一个简单的HTML列表

<ul>
  <li>Item 1</li>
  <li>Item 2</li>
  <li id="some-id">Item 3</li>
  <li>Item 4</li>
  <li>Item 5</li>
</ul>

选择#some-id之后的每个列表项非常容易：

$("#some-id ~ li")

但是如何选择#some-id之前的项目呢？

- Jonas

Answer 1

使用.prevAll()，像这样：

$("#some-id").prevAll()

例如：

$("#some-id").prevAll().css('color', 'red')​​​​​​​​​​​;​

在这里试一下，没有像你的next-siblings selector那样的“previous siblings”选择器，但是可以使用.prevAll()获取你想要的元素，就像你可以用$("#some-id").nextAll()替换你当前的选择器一样。

- Nick Craver

Answer 2

$("#some-id").prevAll()

请参考文档: http://api.jquery.com/prevAll/

- Peter Kruithof