以前为jQuery的兄弟选择器

时间:2010-07-12 11:35:22

标签: jquery jquery-selectors

如果我有一个简单的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之前选择项?

2 个答案:

答案 0 :(得分:16)

使用.prevAll(),如下所示:

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

例如:

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

Give it a try here,没有像您的next-siblings selector那样的“以前的兄弟姐妹”选择器,但.prevAll()会获得您想要的元素,就像您可以用{{替换当前选择器一样3}}

答案 1 :(得分:1)

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

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