首页  >  文章  >  web前端  >  jQuery遍历之next()、nextAll()方法使用实例_jquery

jQuery遍历之next()、nextAll()方法使用实例_jquery

WBOY
WBOY原创
2016-05-16 16:32:041559浏览

jquery遍历:next()和nextAll()方法。实例如下:

复制代码 代码如下:








您好,美女

hello,world

美女,亲一下

我是p标签


我很帅,有图有真相

我也是p标签



说明:

(1)next()方法:是指获得匹配元素的相邻同同辈元素(即下一个同辈元素),注意,同辈元素并不是标签相同的元素,而是指该元素闭合后的下一个元素,如实例中的”

美女,亲一下
“,div闭合后的下一个元素为

(2)如果next()加上参数,即next("div"),如果下一个相邻元素不是div,则为空,即一定是相邻的。

(3)nextAll()方法:指获得匹配元素之后所有的同辈元素。它同样可以加上参数,nextAll("p")或nextAll("div")等等。

(4)有些奇怪的是,如果是这样的代码:

复制代码 代码如下:

$("div").click(function(){alert($(this).nextAll("div").html());});

它并不能获得所有的html内容,而只是获得下一个同辈元素的html内容。???疑惑

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