jQuery遍历之next()、nextAll()方法使用实例
jquery遍历:next()和nextAll()方法。实例如下:
<html>
<head>
<script type="text/javascript" src="jquery-1.8.2.min.js"></script>
<script type="text/javascript">
$(document).ready(function(){
//$("div").click(function(){alert($(this).next().text());});
//$("div").click(function(){alert($(this).nextAll().text());});
$("div").click(function(){alert($(this).nextAll("div").text());});
});
</script>
<style type="text/css">
div{width:300px;height:30px;background:green;margin-top:10px;}
</style>
</head>
<body>
<div id="uu">您好,<font color="blue">美女</font></div>
<div>hello,world</div>
<div>美女,亲一下</div>
<p>我是p标签</p>
<div><span>我很帅,有图有真相</span></div>
<p>我也是p标签</p>
</body>
</html>
说明:
(1)next()方法:是指获得匹配元素的相邻同同辈元素(即下一个同辈元素),注意,同辈元素并不是标签相同的元素,而是指该元素闭合后的下一个元素,如实例中的”<div>美女,亲一下</div>“,div闭合后的下一个元素为<p>。
(2)如果next()加上参数,即next("div"),如果下一个相邻元素不是div,则为空,即一定是相邻的。
(3)nextAll()方法:指获得匹配元素之后所有的同辈元素。它同样可以加上参数,nextAll("p")或nextAll("div")等等。
(4)有些奇怪的是,如果是这样的代码:
$("div").click(function(){alert($(this).nextAll("div").html());});
它并不能获得所有的html内容,而只是获得下一个同辈元素的html内容。???疑惑
jQuery遍历之next()、nextAll()方法使用实例相关推荐
- jquery遍历json与数组方法总结each()
在jquery中遍历数组或json数组我们使用最多的方法是each这个函数了或使用foreach,for也是可以实现的,下面我来给大家详细介绍jquery遍历json与数组实现. 代码如下复制代码 先 ...
- jquery ajax实例get,jQuery中ajax的get()方法用法实例
本文实例讲述了jQuery中ajax的get()方法用法.分享给大家供大家参考.具体分析如下: $.get()通过 HTTP GET请求从服务器上请求数据. 语法结构: $.get(url, [dat ...
- JQuery遍历控件的方法
在本人的网站交友乐上需要点击一个重置按钮,将所有的checkbox设置为未选中,采用遍历的方法来完成 控件如下 <button id="ClearPosition" typ ...
- jquery遍历元素对象each方法
each方法每循环一次都能从元素集合获取一次索引号和DOM元素对象,直到获取完为止
- Jquery遍历数组之$.inArray()方法介绍
$.inArray()函数用于在数组中搜索指定的值,并返回其索引值.如果数组中不存在该值,则返回-1; $.inArray(value,array) --value是要查找的值,array是被查 ...
- 遍历同辈节电的方法_JQuery遍历DOM节点的方法
本文实例讲述了JQuery遍历DOM节点的方法.分享给大家供大家参考.具体分析如下: 本节的核心是介绍JQuery的DOM操作,前面介绍了很多创建.删除.替换等等节点操作.这里介绍如何遍历节点,选中临 ...
- ajax+php+jq+面向对象,php+jquery+ajax+json的一个最简单实例
html页面: $(function(){ $("#send").click(function(){ var cont = $("input").seriali ...
- Jquery学习总结(7)——JQuery常用的10个方法总结
一.each():遍历函数 用法:它是一个通用的迭代函数,可以用来无缝迭代对象和数组.jQuery.each(collection, callback(indexInArray, valueOfEle ...
- 原生js实现preAll和nextAll方法
一直以来都在好奇,jquery的prevAll和nextAll方法都是咋实现的,那么厉害,而且还那么方便.不得不说,jquery真的帮我们省去了开发中手写大量js代码带来的开发进度问题,而且很好的解决 ...
最新文章
- java 修改 request参数值,如何在HttpServletRequest中设置参数?
- Java 增强型的for循环 for each
- C# 3.0 New Language Features (Part 1)
- ML之监督学习算法之分类算法一 ———— k-近邻算法(最邻近算法)
- WindowsPhone设置启动欢迎页面
- php基类是什么意思,php中的方法重写是什么意思?
- Combinations
- 前端学习(3300):三种usecontent的
- 内核热补丁,真的安全么?
- ICCV 2019 | 可变形曲面跟踪,亮风台新出基于图匹配的方法
- 20191127每日一句
- python规模_基于python的百度迁徙2——迁徙规模指数(附代码)
- 如何删除360的防火墙模块(详解)
- stl文件用proe怎么打开_3D建模软件Proe怎么转换3d打印的stl文件?
- Android实现 Eq的频响曲线,可以调节峰值,高低通。曲线为算法实现。
- nginx-ingress-controller开启modsecurity
- 西门子s7-200的PLC编程软件,帮助程序无法打开问题解决方法
- html5页面风格,H5页面的设计风格有哪些?
- 常用的ADB命令有哪些
- 论文中的定理(Theorem)、引理(Lemma)、推论(Corollary)
热门文章
- 【Linux 内核】Linux 内核源码目录说明 ② ( drivers 目录 | fs 目录 | include 目录 | init 目录 | ipc 目录 | kernel 目录 )
- 【开发环境】Mac 中安装 Python3 最新版本 ( 下载 Python 最新版本 | 安装 Python3 | 验证 Python3 )
- 【错误记录】Android 编译时技术版本警告 ( 注解处理器与主应用支持的 Java 版本不匹配 )
- 【Android 应用开发】Google 官方 EasyPermissions 权限申请库 ( 完整代码示例 | 申请权限 | 申请权限原理对话框 | 引导用户手动设置权限对话框 )
- Java(15) _Runtime类 内存方法
- 【郭林专刊】MVC已过时,MOVE时代来临?
- MySQL数据导入oracle
- CSS3动画属性之Transition
- mujava 软件测试实验报告
- js判断一个数组是否包含一个指定的值