前端开发

 首页 > 前端开发 > jquery教程 > jQuery遍历之next()、nextAll()方法使用实例_jquery_自学

jQuery遍历之next()、nextAll()方法使用实例_jquery_自学

分享到:
【字体:
导读:
          这篇文章主要介绍了jQuery遍历之next()、nextAll()方法使用实例,本文先是给出了实例代码,然后对代码的作用分析和说明,需要的朋友可以参考下...

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内容。???疑惑

分享到:
jQuery遍历对象、数组、集合实例_jquery_...
1.jquery 遍历对象 复制代码 代码如下:            New Document                $(function(){           var tbody = "";          //------------遍历对象 .each的使用-------------        //对象语法JSON数据格式(当服务器端回调回来的对象数据格式是...
JQuery中使用.each()遍历元素学习笔记_jq...
今天写一个选项卡的时候,需要用到jquery中的.each(),通过获取each()中的index参数来获取li元素的编号,方便下面区块显示,在一个测试页面上写好了下面的代码: 复制代码 代码如下:         tab选项卡             ul,li{list-style: none;margin: 0px; padding: 0px;}         l...
  •         php迷,一个php技术的分享社区,专属您自己的技术摘抄本、收藏夹。
  • 在这里……