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

扫二维码与项目经理沟通

我们在微信上24小时期待你的声音

解答本文疑问/技术咨询/运营咨询/技术建议/互联网交流

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

在DOM树中横向遍历

jQuery siblings()方法

的所有同级元素：
`jq div (父元素) p span h3 h4 p`

h3

h4

jQuery next()方法

的下一个兄弟
`jq div (父元素) p span h3 h4 p`

h3

h4

jQuery nextAll()方法

的所有下一个兄弟元素：
`jq div (父元素) p span h3 h4 p`

h3

h4

jQuery nextUntil()方法

h3

h4

h5

h6

可以在线尝试一下

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

扫二维码与项目经理沟通

其他资讯

行业动态

企业网站建设的重要性！

服务项目

网站建设

移动端/APP

微信/小程序

技术支持

其它服务

更多服务项目

联系吧在百度地图上找到我们

电话：13518219792

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

在DOM树中横向遍历

jQuery siblings()方法

的所有同级元素： jq .siblings * { display: block; border: 2px solid #ddd; color: #ccc; padding: 5px; margin: 15px; } $(document).ready(function () { $("h3").siblings().css({ "color": "red", "border": "2px solid red" }); }); div (父元素) p span h3 h4 p

h3

h4

jQuery next()方法

的下一个兄弟 jq .siblings * { display: block; border: 2px solid #ddd; color: #ccc; padding: 5px; margin: 15px; } <script> $(document).ready(function () { $("h3").next().css({ "color": "red", "border": "2px solid red" }); }); div (父元素) p span h3 h4 p

h3

h4

jQuery nextAll()方法

的所有下一个兄弟元素： jq .siblings * { display: block; border: 2px solid #ddd; color: #ccc; padding: 5px; margin: 15px; } <script> $(document).ready(function () { $("h3").nextAll().css({ "color": "red", "border": "2px solid red" }); }); div (父元素) p span h3 h4 p

h3

h4

jQuery nextUntil()方法

h3

h4

h5

h6

可以在线尝试一下

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

扫二维码与项目经理沟通

其他资讯

行业动态

企业网站建设的重要性！

服务项目

网站建设

移动端/APP

微信/小程序

技术支持

其它服务

更多服务项目

联系吧 在百度地图上找到我们

电话：13518219792

的所有同级元素：
`jq div (父元素) p span h3 h4 p`

的下一个兄弟
`jq div (父元素) p span h3 h4 p`

的所有下一个兄弟元素：
`jq div (父元素) p span h3 h4 p`

联系吧在百度地图上找到我们