jQuerydom树中横行遍历的方法你记住了吗

在DOM树中横向遍历

在DOM树中有许多有用的jQuery方法可以横向遍历:

成都创新互联公司从2013年创立,是专业互联网技术服务公司,拥有项目做网站、网站建设网站策划,项目实施与项目整合能力。我们以让每一个梦想脱颖而出为使命,1280元邻水做网站,已为上家服务,为邻水各地企业和个人服务,联系电话:18980820575

  • siblings()
  • next()
  • nextAll()
  • nextUntil()
  • prev()
  • prevAll()
  • prevUntil()

jQuery siblings()方法

siblings()方法返回所选元素的所有兄弟元素。

以下示例返回

的所有同级元素:




jq

    
  
  



  
div (父元素)

p

span

h3

h4

p

jQuery next()方法

next()方法返回所选元素的下一个兄弟元素。

以下示例返回

的下一个兄弟




jq

  
 


  
div (父元素)

p

span

h3

h4

p

jQuery nextAll()方法

nextAll()方法返回所选元素的所有下一个兄弟元素。

以下示例返回

的所有下一个兄弟元素:




jq

  
 


  
div (父元素)

p

span

h3

h4

p

jQuery nextUntil()方法

nextUntil()方法返回两个给定参数之间的所有下一个兄弟元素。

以下示例返回

元素之间的所有兄弟元素:




蝴蝶教程(jc2182.com)

  
 


  
div (父元素)

p

span

h3

h4

h5
h6
h7

p

可以在线尝试一下

jQuery prev(),prevAll() & prevUntil()方法

prev()prevAll()prevUntil()方法的工作方式与上述方法类似,但功能相反:它们返回先前的兄弟元素(沿DOM树中的兄弟元素向后遍历,而不是向前遍历)。

更好的jQuery 教程


当前文章:jQuerydom树中横行遍历的方法你记住了吗
标题来源:http://bzwzjz.com/article/pcgcod.html

其他资讯

Copyright © 2007-2020 广东宝晨空调科技有限公司 All Rights Reserved 粤ICP备2022107769号
友情链接: 手机网站建设 攀枝花网站设计 重庆企业网站建设 专业网站设计 网站设计公司 网站建设改版 宜宾网站设计 教育网站设计方案 网站制作公司 成都网站设计 成都网站制作 成都网站设计 营销网站建设 重庆外贸网站建设 高端网站设计 重庆企业网站建设 成都网站建设 网站制作 成都定制网站建设 成都h5网站建设 营销网站建设 营销网站建设