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 相关文章推荐
如何使用jQuery Draggable和Droppable实现拖拽功能
Jul 05 Javascript
jQuery实现自定义事件的方法
Apr 17 Javascript
JS实现新浪微博效果带遮罩层的弹出框代码
Oct 12 Javascript
微信小程序 免费SSL证书https、TLS版本问题的解决办法
Dec 14 Javascript
谈谈JavaScript中浏览器兼容问题的写法小议
Dec 17 Javascript
详解webpack运行Babel教程
Jun 13 Javascript
JavaScript 点击触发复制功能实例详解
Nov 02 Javascript
Vue.js实现的购物车功能详解
Jan 27 Javascript
vue组件之间的数据传递方法详解
Apr 19 Javascript
详解VScode编辑器vue环境搭建所遇问题解决方案
Apr 26 Javascript
详解JavaScript类型判断的四种方法
Oct 21 Javascript
Ajax常用封装库——Axios的使用
May 08 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
东方红 - 来复式再生机的修复
2021/03/02 无线电
PHP+Mysql+jQuery查询和列表框选择操作实例讲解
2015/10/22 PHP
PHP封装的非对称加密RSA算法示例
2018/05/28 PHP
Javascript 继承机制的实现
2009/08/12 Javascript
js闭包所用的场合以及优缺点分析
2015/06/22 Javascript
js实现数组转换成json
2015/06/26 Javascript
JQuery操作textarea,input,select,checkbox方法
2015/09/02 Javascript
js实现索引图片切换效果
2015/11/21 Javascript
javascript跑马灯抽奖实例讲解
2020/04/17 Javascript
解析Node.js基于模块和包的代码部署方式
2016/02/16 Javascript
js中获取jsp表单中radio类型的值简单实例
2016/08/15 Javascript
Bootstrop实现多级下拉菜单功能
2016/11/24 Javascript
jQuery使用Layer弹出层插件闪退问题
2016/12/22 Javascript
JS失效 提示HTML1114: (UNICODE 字节顺序标记)的代码页 utf-8 覆盖(META 标记)的冲突的代码页 utf-8
2017/06/23 Javascript
用js实现每隔一秒刷新时间的实例(含年月日时分秒)
2017/10/25 Javascript
使用Vue+Django+Ant Design做一个留言评论模块的示例代码
2020/06/01 Javascript
[04:41]2014DOTA2国际邀请赛 Liquid顺利突围晋级正赛
2014/07/09 DOTA
天翼开放平台免费短信验证码接口使用实例
2013/12/18 Python
Django框架下在视图中使用模版的方法
2015/07/16 Python
Python搭建HTTP服务器和FTP服务器
2017/03/09 Python
Python虚拟环境virtualenv的安装与使用详解
2017/05/28 Python
Python实现pdf文档转txt的方法示例
2018/01/19 Python
Tensorflow中的placeholder和feed_dict的使用
2018/07/09 Python
python pyheatmap包绘制热力图
2018/11/09 Python
Python中文件的写入读取以及附加文字方法
2019/01/23 Python
python aiohttp的使用详解
2019/06/20 Python
PyCharm安装Markdown插件的两种方法
2019/06/24 Python
浅谈python多进程共享变量Value的使用tips
2019/07/16 Python
Python实现简单的猜单词小游戏
2020/10/28 Python
蔻驰美国官网:COACH美国
2016/08/18 全球购物
毕业自我鉴定总结
2014/03/24 职场文书
股权投资意向书
2014/04/01 职场文书
小学教师师德师风自我剖析材料
2014/09/29 职场文书
2016习总书记系列重要讲话心得体会
2016/01/15 职场文书
关于党风廉政建设宣传教育月的活动总结!
2019/08/08 职场文书
python opencv旋转图片的使用方法
2021/06/04 Python