jquery的父、子、兄弟节点查找,节点的子节点循环方法


Posted in Javascript onDecember 07, 2016

jQuery.parent(expr)           //找父元素

jQuery.parents(expr)          //找到所有祖先元素,不限于父元素

jQuery.children(expr)        //查找所有子元素,只会找到直接的孩子节点,不会返回所有子孙

jQuery.contents()            //查找下面的所有内容,包括节点和文本。

jQuery.prev()                //查找上一个兄弟节点,不是所有的兄弟节点

jQuery.prevAll()             //查找所有之前的兄弟节点

jQuery.next()                //查找下一个兄弟节点,不是所有的兄弟节点

jQuery.nextAll()             //查找所有之后的兄弟节点

jQuery.siblings()            //查找兄弟节点,不分前后

jQuery.find(expr)            //跟jQuery.filter(expr)完全不一样,jQuery.filter(expr)是从初始的

jQuery对象集合中筛选出一部分,而jQuery.find()的返回结果,不会有初始集中

筛选出一部分,而jQuery.find()的返回结果,不会有初始集合中的内容,比如:

$("p").find("span")是从元素开始找,等于$("p span")

在jquery 中我们可以选择$().each() 与 $.each() 进行迭代对象和数组

$(items).each(function(){

   //item

})

而后者则

$.each(items,function(i,item){

//write your code

})
$("button").click(function(){
 $("li").each(function(){
  alert($(this).text())
 });
});

$("#ID >div").each(function(){
     alert($(this).attr("id")); //打印子div的ID
});

循环id为plan_value下的所有input标签,当标签类型为隐藏标签时获取下一个标签并对它们的值进行操作

var plan_value_str = "";
          $("#plan_value >input").each(function(){
             if($(this).attr("type")=="hidden"){
               if(plan_value_str == ""){
                 plan_value_str = $(this).attr("value")+"-"+$(this).next().attr("value");
               }else{
                 plan_value_str = plan_value_str+";"+$(this).attr("value")+"-"+$(this).next().attr("value");
               }
             }
          }) 
          $("#plan_value_str").val(plan_value_str);

以上这篇jquery的父、子、兄弟节点查找,节点的子节点循环方法就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持三水点靠木。

Javascript 相关文章推荐
客户端限制只能上传jpg格式图片的js代码
Dec 09 Javascript
js解析xml字符串和xml文档实现原理及代码(针对ie与火狐)
Feb 02 Javascript
jquery插件格式实例分析
Jun 16 Javascript
jquery实现文本框的禁用和启用
Dec 07 Javascript
Bootstrap CSS布局之列表
Dec 15 Javascript
webuploader模态框ueditor显示问题解决方法
Dec 27 Javascript
ng2学习笔记之bootstrap中的component使用教程
Mar 09 Javascript
浅谈pc端rem字体设置的问题
Aug 03 Javascript
基于JavaScript实现表格滚动分页
Nov 22 Javascript
基于JS实现web端录音与播放功能
Apr 17 Javascript
详细分析Node.js 多进程
Jun 22 Javascript
记一次vue跨域的解决
Oct 21 Javascript
Bootstrap学习笔记之环境配置(1)
Dec 07 #Javascript
Bootstrap风格的WPF样式
Dec 07 #Javascript
Bootstrap基本组件学习笔记之导航(10)
Dec 07 #Javascript
Bootstrap基本组件学习笔记之input输入框组(9)
Dec 07 #Javascript
详解ES6中的let命令
Apr 05 #Javascript
jquery操作ID带有变量的节点实例
Dec 07 #Javascript
Bootstrap基本组件学习笔记之按钮组(8)
Dec 07 #Javascript
You might like
discuz Passport 通行证 整合笔记
2008/06/30 PHP
PHP开发中四种查询返回结果分析
2011/01/02 PHP
屏蔽机器人从你的网站搜取email地址的php代码
2012/11/14 PHP
php中异常处理方法小结
2015/01/09 PHP
php解析http获取的json字符串变量总是空白null
2015/03/02 PHP
PHP实现的oracle分页函数实例
2016/01/25 PHP
php ci 获取表单中多个同名input元素值的代码
2016/03/25 PHP
PHP网页安全认证的实例详解
2017/09/28 PHP
tp5框架前台无限极导航菜单类实现方法分析
2020/03/29 PHP
JS实现的不规则TAB选项卡效果代码
2015/09/18 Javascript
js数组去重的5种算法实现
2015/11/04 Javascript
Javascript编程中几种继承方式比较分析
2015/11/28 Javascript
Node.js静态文件服务器改进版
2016/01/10 Javascript
AngularJS 模块化详解及实例代码
2016/09/14 Javascript
jquery submit()不能提交表单的解决方法
2017/04/24 jQuery
微信小程序访问node.js接口服务器搭建教程
2017/04/25 Javascript
jQuery无冲突模式详解
2019/01/17 jQuery
d3.js 地铁轨道交通项目实战
2019/11/27 Javascript
js中延迟加载和预加载的具体使用
2021/01/14 Javascript
详细介绍Python函数中的默认参数
2015/03/30 Python
Python实现将数据框数据写入mongodb及mysql数据库的方法
2018/04/02 Python
对numpy中数组元素的统一赋值实例
2018/04/04 Python
python实现简单的文字识别
2018/11/27 Python
在macOS上搭建python环境的实现方法
2019/08/13 Python
Pyinstaller 打包exe教程及问题解决
2019/08/16 Python
python实现矩阵和array数组之间的转换
2019/11/29 Python
python 使用递归实现打印一个数字的每一位示例
2020/02/27 Python
ubuntu 安装pyqt5和卸载pyQt5的方法
2020/03/24 Python
python 串行执行和并行执行实例
2020/04/30 Python
Python将list元素转存为CSV文件的实现
2020/11/16 Python
html5记忆翻牌游戏实现思路及代码
2013/07/25 HTML / CSS
环境科学专业研究生求职信
2013/10/02 职场文书
函授教育个人学习的自我评价
2013/12/31 职场文书
3的组成教学反思
2014/04/30 职场文书
清明节寄语2015
2015/03/23 职场文书
那些美到让人窒息的诗句,值得你收藏!
2019/08/20 职场文书