以前为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 之前选择项目？

Answer 1

使用.prevAll() ，如下所示：

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

例如：

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

在这里尝试一下，没有像你的下一个兄弟选择器那样的“兄弟姐妹”选择器，但是.prevAll()将获得你想要的元素，就像用$("#some-id").nextAll()替换你当前的选择器一样$("#some-id").nextAll() 。

Answer 2

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