jQuery 的前同级选择器

发布于 2024-09-08 18:10:56 字数 395 浏览 1 评论 0原文

如果我有一个简单的 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?

If I have a simple HTML list

<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>

it's easy to select every list item after #some-id:

$("#some-id ~ li")

but how do I select the items before #some-id?

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(2

丑疤怪 2024-09-15 18:10:56

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

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

例如:

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

在这里尝试一下,没有像您的 next-siblings 选择器,但是 .prevAll() 将获取您想要的元素,就像您可以用 $("#some-id").nextAll()

Use .prevAll(), like this:

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

For example:

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

Give it a try here, there's not a "previous siblings" selector like your next-siblings selector, but .prevAll() will get the elements you want, the same as you could substitute your current selector with $("#some-id").nextAll().

一梦浮鱼 2024-09-15 18:10:56
$("#some-id").prevAll()

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

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

See the documentation: http://api.jquery.com/prevAll/

~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文