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模仿msgbox提示效果代码
Jun 10 Javascript
Javascript JSQL,SQL无处不在,
May 05 Javascript
基于jQuery实现的图片切换焦点图整理
Dec 07 Javascript
jquery-mobile基础属性与用法详解
Nov 23 Javascript
详解vue.js组件化开发实践
Dec 14 Javascript
Angular.js实现动态加载组件详解
May 28 Javascript
JavaScript之promise_动力节点Java学院整理
Jul 03 Javascript
Vuejs开发环境搭建及热更新【推荐】
Sep 07 Javascript
详解mpvue小程序中怎么引入iconfont字体图标
Oct 01 Javascript
JavaScript从原型到原型链深入理解
Jun 03 Javascript
详解如何在Javascript中使用Object.freeze()
Oct 18 Javascript
JS Canvas接口和动画效果大全
Apr 29 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
PHP常用代码
2006/11/23 PHP
基于flush()不能按顺序输出时的解决办法
2013/06/29 PHP
PHP使用缓存即时输出内容(output buffering)的方法
2015/08/03 PHP
Zend Framework教程之配置文件application.ini解析
2016/03/10 PHP
PHP模板引擎Smarty内建函数section,sectionelse用法详解
2016/04/11 PHP
laravel框架实现后台登录、退出功能示例
2019/10/31 PHP
保证JavaScript和Asp、Php等后端程序间传值编码统一
2009/04/17 Javascript
ExtJs3.0中Store添加 baseParams 的Bug
2010/03/10 Javascript
javascript学习笔记(七)利用javascript来创建和存储cookie
2011/04/08 Javascript
jQuery load方法用法集锦
2011/12/06 Javascript
JavaScript中__proto__与prototype的关系深入理解
2012/12/04 Javascript
简单解析JavaScript中的__proto__属性
2016/05/10 Javascript
jQuery焦点图轮播插件KinSlideshow用法分析
2016/06/08 Javascript
JS & JQuery 动态添加 select option
2016/06/08 Javascript
多种方式实现js图片预览
2016/12/12 Javascript
在vue-cli中组件通信的方法
2017/12/16 Javascript
详解vue-admin和后端(flask)分离结合的例子
2018/02/12 Javascript
Vue-Router的使用方法
2018/09/05 Javascript
nodejs高大上的部署方式(PM2)
2018/09/11 NodeJs
深入理解与使用keep-alive(配合router-view缓存整个路由页面)
2018/09/25 Javascript
详解javascript设计模式三:代理模式
2019/03/25 Javascript
Layui实现数据表格中鼠标悬浮图片放大效果,离开时恢复原图的方法
2019/09/11 Javascript
Vue之封装公用变量以及实现方式
2020/07/31 Javascript
vue实现移动端返回顶部
2020/10/12 Javascript
Python入门教程之运算符与控制流
2016/08/17 Python
Python实现的选择排序算法示例
2017/11/29 Python
用Python中的turtle模块画图两只小羊方法
2019/04/09 Python
Django连接数据库并实现读写分离过程解析
2019/11/13 Python
HTML5边玩边学(2)基础绘图实现方法
2010/09/21 HTML / CSS
澳大利亚网上玩具商店:Mr Toys Toyworld
2018/03/25 全球购物
乌克兰香水和化妆品网站:Notino.ua
2018/03/26 全球购物
护士自我鉴定范文
2013/10/06 职场文书
火锅店创业计划书范文
2014/02/02 职场文书
教师自我剖析材料(四风问题)
2014/09/30 职场文书
部队个人年终总结
2015/03/02 职场文书
标准版个人借条怎么写?以及什么是借条?
2019/08/28 职场文书