一聚教程网:一个值得你收藏的教程网站

最新下载

热门教程

jQuery 遍历节点之next()方法

时间:2013-08-21 编辑:简简单单 来源:一聚教程网

next()方法

next([selector])

此方法取得每个匹配的元素的后一个同辈元素的元素集合。
可以用一个可选的表达式进行筛选。只有紧邻的同辈元素会被匹配到,而不是后面所有的同辈元素。

如果想取得每个匹配元素的前一个同辈元素的元素集合,那么请看这篇文章jQuery教程基础篇之DOM操作-遍历节点-prev()方法

nextAll()方法和nextUntil()方法同jquery%e6%95%99%e7%a8%8b%e5%9f%ba%e7%a1%80%e7%af%87%e4%b9%8bdom%e6%93%8d%e4%bd%9c-%e9%81%8d%e5%8e%86%e8%8a%82%e7%82%b9-prevall%e6%96%b9%e6%b3%95/" title="jQuery教程基础篇之DOM操作-遍历节点-prevAll()方法
">prevAll()方法和prevUntil()方法 的使用方法差不多,只是获取的元素前者是向后,后者是向前,下面的章节就省略去不说了。

下面来看实例:

 代码如下 复制代码


  • li 1

  • li 2

  • li 3

  • li 4



  • li 1

  • li 2

  • li 3

  • li 4

jquery代码:

$('li.item').next().css('background-color', 'red');

结果是两个ul中的

  • li 3
  • 的背景都会变成红色。

    例1

     代码如下 复制代码


        
    • jquery 1

    •   
    • php 2

    •   
    • css 3

    •   
    • java 4


        
    • jquery 1

    •   
    • php 2

    •   
    • css 3

    •   
    • java 4


    例2

     代码如下 复制代码

    1

    2

    3span

    4

    5

    6

    7

    8




    最后来看一个.next([selector])带参数的用法:

     

     代码如下 复制代码
    梦三秋

    你好


    jquery太棒了!


    热门栏目