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://scyanting.com/article/pcgcod.html