当前位置:首页 > jquery

jquery 上一个

2026-02-03 15:18:29jquery

在jQuery中,"上一个"通常指选择DOM元素的前一个兄弟元素(previous sibling),可以通过以下方法实现:

使用 .prev() 方法

选择匹配元素集合中每个元素的前一个兄弟元素:

$('.target').prev();

这会返回紧邻的前一个同级元素。

jquery 上一个

使用 .prevAll() 方法

选择匹配元素之前的所有兄弟元素:

$('.target').prevAll();

可添加选择器进行过滤:

jquery 上一个

$('.target').prevAll('.filter-class');

使用 .prevUntil() 方法

选择两个元素之间的所有前一个兄弟元素:

$('.target').prevUntil('.stop-element');

结合选择器

通过CSS选择器直接定位前一个元素:

$('.target + *'); // 紧邻的下一个兄弟元素
$('.target').siblings(':first'); // 所有兄弟元素中的第一个

注意事项

  • 这些方法返回的是jQuery对象,若需DOM对象需用[0]或.get(0)
  • 前一个元素不存在时返回空jQuery对象
  • 在链式操作中可连续调用:
    $('.target').prev().addClass('highlight');

这些方法适用于同级元素间的导航,若需跨层级操作需结合.parent()或.closest()等方法。

标签: jquery
分享给朋友:

相关文章

jquery 获取

jquery 获取

jQuery 获取元素的方法 jQuery 提供了多种方法来获取 DOM 元素,以下是常用的几种方式: 通过 ID 获取元素 使用 $("#id") 可以获取指定 ID 的元素。例如: $("#m…

jquery图片

jquery图片

jQuery 图片操作 jQuery 提供了多种方法来处理图片,包括加载、显示、隐藏、动画效果等。以下是一些常见的 jQuery 图片操作方法: 动态加载图片 使用 jQuery 的 attr()…

jquery 对象

jquery 对象

jQuery 对象简介 jQuery 对象是通过 jQuery 选择器或方法创建的封装了 DOM 元素的集合。它是一个类数组对象,包含一组 DOM 元素并提供 jQuery 特有的方法链式操作。 创…

html jquery

html jquery

HTML 与 jQuery 基础 HTML 是超文本标记语言,用于构建网页的结构和内容。jQuery 是一个快速、简洁的 JavaScript 库,简化了 HTML 文档遍历、事件处理、动画和 Aja…

jquery css

jquery css

jQuery 操作 CSS 的方法 jQuery 提供了多种方法来操作元素的 CSS 样式,包括获取、设置、添加或移除样式。以下是常用的方法: 获取 CSS 属性值 使用 .css() 方法获取元素…

jquery 高度

jquery 高度

jQuery 获取和设置元素高度的方法 使用 jQuery 可以方便地获取或设置元素的高度。以下是几种常用的方法: 获取元素高度 使用 height() 方法可以获取匹配元素中第一个元素的计算高度(…