jquery - jQuery 的前同级选择器

标签 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 的项目?

最佳答案

使用.prevAll() ,像这样:

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

例如:

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

Give it a try here ,没有像您的 next-siblings selector 这样的“前兄弟”选择器,但是.prevAll()将获得您想要的元素,就像您可以用 $("#some-id").nextAll() 替换当前选择器一样.

关于jquery - jQuery 的前同级选择器,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/3228101/

相关文章:

javascript - canvasjs 显示空白,数据未显示

javascript - 使用 jQuery 选择元素有两个特定的子元素

javascript - jQuery 单一选择器与 .find()

javascript - jquery 查找函数

jquery选择当前节点的兄弟节点

jquery - 将数据表 jquery 插件与 WCF 服务结合使用的示例

javascript - 选择主动滑动

php - 如何在Codeigniter中检索从ajax传递到 Controller 的参数

php - 使用 AJAX 排序的 jQuery 只能每隔一段时间工作

javascript - 如何获取 select jquery 对象的选定选项的文本值?