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 相关文章推荐
javascript事件模型代码
Jul 01 Javascript
javascript 动态数据下的锚点错位问题解决方法
Dec 24 Javascript
javascript 多种搜索引擎集成的页面实现代码
Jan 02 Javascript
JS遮罩层效果 兼容ie firefox jQuery遮罩层
Jul 26 Javascript
ExtJS下书写动态生成的xml(兼容火狐)
Apr 02 Javascript
js匿名函数的调用示例(形式多种多样)
Aug 20 Javascript
JavaScript如何动态创建table表格
Aug 02 Javascript
JS实现在文本指定位置插入内容的简单示例
Dec 22 Javascript
解决vue移动端适配问题
Dec 12 Javascript
详解webpack引入第三方库的方式以及注意事项
Jan 15 Javascript
微信js-sdk 录音功能的示例代码
Nov 01 Javascript
Vue.Draggable实现交换位置
Apr 07 Vue.js
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
那些年一起学习的PHP(二)
2012/03/21 PHP
8个必备的PHP功能实例代码
2013/10/27 PHP
php 猴子摘桃的算法
2017/06/20 PHP
PHP基于自定义类随机生成姓名的方法示例
2017/08/05 PHP
PHP实现的字符串匹配算法示例【sunday算法】
2017/12/19 PHP
ThinkPHP5.0框架使用build 自动生成模块操作示例
2019/04/11 PHP
判断ie的两种简单方法
2013/08/12 Javascript
获得Javascript对象属性个数的示例代码
2013/11/21 Javascript
JSON无限折叠菜单编写实例
2013/12/16 Javascript
使用简洁的jQuery方法实现隔行换色功能
2014/01/02 Javascript
javascript去除空格方法小结
2015/05/21 Javascript
FullCalendar日历插件应用之数据展现(一)
2015/12/23 Javascript
JavaScript弹窗基础篇
2016/04/27 Javascript
KnockoutJS 3.X API 第四章之表单value绑定
2016/10/10 Javascript
Angular2-primeNG文件上传模块FileUpload使用详解
2017/01/14 Javascript
vue+mockjs模拟数据实现前后端分离开发的实例代码
2017/08/08 Javascript
vue使用drag与drop实现拖拽的示例代码
2017/09/07 Javascript
vue2.0 父组件给子组件传递数据的方法
2018/01/15 Javascript
基于Vue实现微信小程序的图文编辑器
2018/07/25 Javascript
深入浅析vue-cli@3.0 使用及配置说明
2019/05/08 Javascript
解决vuex改变了state的值,但是页面没有更新的问题
2020/11/12 Javascript
python访问纯真IP数据库的代码
2011/05/19 Python
常见的python正则用法实例讲解
2016/06/21 Python
python使用fcntl模块实现程序加锁功能示例
2017/06/23 Python
Python3.6安装及引入Requests库的实现方法
2018/01/24 Python
python中调试或排错的五种方法示例
2019/09/12 Python
使用Python制作缩放自如的圣诞老人(圣诞树)
2019/12/25 Python
Python wordcloud库安装方法总结
2020/12/31 Python
世界上最大的二手相机店:KEN
2017/05/17 全球购物
伊芙丽官方旗舰店:中国淑女一线品牌
2017/12/01 全球购物
Lookfantastic葡萄牙官方网站:欧洲第一大化妆品零售商
2018/03/17 全球购物
上海中网科技笔试题
2012/02/19 面试题
考试作弊检讨书
2014/10/21 职场文书
小兵张嘎观后感
2015/06/03 职场文书
2015年社区党建工作汇报材料
2015/06/25 职场文书
Django+Nginx+uWSGI 定时任务的实现方法
2022/01/22 Python