0

0

jquery怎么查询上一个元素

青灯夜游

青灯夜游

发布时间:2022-03-16 15:51:17

|

6478人浏览过

|

来源于php中文网

原创

jquery中,可以使用prev()方法来查询指定元素的上一个元素,该方法可以返回被选元素的前一个同级元素,语法为“$(selector).prev(filter)”;“filter”是可选参数,如果设置了,可缩小搜索前一个同级元素的范围。

jquery怎么查询上一个元素

本教程操作环境:windows7系统、jquery3.2.1版本、Dell G3电脑。

jquery中,可以使用prev()方法来查询指定元素的上一个元素。

prev() 方法返回被选元素的前一个同级元素。

同级元素是共享相同父元素的元素。

注意:该方法只返回一个元素。

语法:

$(selector).prev(filter)

参数filter:可选,规定缩小搜索前一个同级元素范围的选择器表达式。    

示例1:返回带有类名 "start" 的每个

  • 元素的前一个同级元素:

  • 奇布塔
    奇布塔

    基于AI生成技术的一站式有声绘本创作平台

    下载
    
    
    	
    		
    		
    		
    		
    	
    	
    		
      ul (父节点)
    • li (兄弟节点)
    • li (类名为"start"的li节点的上一个兄弟节点)
    • li (类名为"start"的li节点)
    • li (兄弟节点)
    • li (兄弟节点)

    1.png

    示例2:选取每个

    元素的前一个同级元素
    
    
    	
    		
    		
    		
    	
    	
    
    		

    这是一个P元素。

    这是一个标题,并且是div元素的上一个兄弟元素

    这是一个div元素。

    这是另一个P元素。

    这是一个P元素,并且是div元素的上一个兄弟元素。

    这是div里面的一个P元素。

    2.png

    【推荐学习:jQuery视频教程web前端开发视频

    相关文章

    相关标签:

    本站声明:本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn

    相关专题

    更多
    菜鸟裹裹入口以及教程汇总
    菜鸟裹裹入口以及教程汇总

    本专题整合了菜鸟裹裹入口地址及教程分享,阅读专题下面的文章了解更多详细内容。

    0

    2026.01.22

    Golang 性能分析与pprof调优实战
    Golang 性能分析与pprof调优实战

    本专题系统讲解 Golang 应用的性能分析与调优方法,重点覆盖 pprof 的使用方式,包括 CPU、内存、阻塞与 goroutine 分析,火焰图解读,常见性能瓶颈定位思路,以及在真实项目中进行针对性优化的实践技巧。通过案例讲解,帮助开发者掌握 用数据驱动的方式持续提升 Go 程序性能与稳定性。

    9

    2026.01.22

    html编辑相关教程合集
    html编辑相关教程合集

    本专题整合了html编辑相关教程合集,阅读专题下面的文章了解更多详细内容。

    56

    2026.01.21

    三角洲入口地址合集
    三角洲入口地址合集

    本专题整合了三角洲入口地址合集,阅读专题下面的文章了解更多详细内容。

    51

    2026.01.21

    AO3中文版入口地址大全
    AO3中文版入口地址大全

    本专题整合了AO3中文版入口地址大全,阅读专题下面的的文章了解更多详细内容。

    397

    2026.01.21

    妖精漫画入口地址合集
    妖精漫画入口地址合集

    本专题整合了妖精漫画入口地址合集,阅读专题下面的文章了解更多详细内容。

    118

    2026.01.21

    java版本选择建议
    java版本选择建议

    本专题整合了java版本相关合集,阅读专题下面的文章了解更多详细内容。

    3

    2026.01.21

    Java编译相关教程合集
    Java编译相关教程合集

    本专题整合了Java编译相关教程,阅读专题下面的文章了解更多详细内容。

    16

    2026.01.21

    C++多线程相关合集
    C++多线程相关合集

    本专题整合了C++多线程相关教程,阅读专题下面的的文章了解更多详细内容。

    11

    2026.01.21

    热门下载

    更多
    网站特效
    /
    网站源码
    /
    网站素材
    /
    前端模板

    精品课程

    更多
    相关推荐
    /
    热门推荐
    /
    最新课程
    jQuery 教程
    jQuery 教程

    共42课时 | 4.6万人学习

    HTML+CSS基础与实战
    HTML+CSS基础与实战

    共132课时 | 9.6万人学习

    tp6+adminlte搭建通用后台
    tp6+adminlte搭建通用后台

    共39课时 | 5.8万人学习

    关于我们 免责申明 举报中心 意见反馈 讲师合作 广告合作 最新更新
    php中文网:公益在线php培训,帮助PHP学习者快速成长!
    关注服务号 技术交流群
    PHP中文网订阅号
    每天精选资源文章推送

    Copyright 2014-2026 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号