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 相关文章推荐
背景音乐每次刷新都可以自动更换
Feb 01 Javascript
Javascript中的数学函数集合
May 08 Javascript
Jquery显示、隐藏元素以及添加删除样式
Aug 09 Javascript
Javascript操作URL函数修改版
Nov 07 Javascript
jQuery的css() 方法使用指南
May 03 Javascript
jQuery实现鼠标经过时出现隐藏层文字链接的方法
Oct 12 Javascript
jQuery+ajax读取并解析XML文件的方法
Sep 09 Javascript
jQuery 实现双击编辑表格功能
Jun 19 jQuery
vue轮播图插件vue-awesome-swiper的使用代码实例
Jul 10 Javascript
基于node.js之调试器详解
Aug 22 Javascript
js实现购物车功能
Jun 12 Javascript
用js简单提供增删改查接口
May 12 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
ThinkPHP采用实现三级循环代码实例
2014/07/18 PHP
PHP常见错误提示含义解释(实用!值得收藏)
2016/04/25 PHP
jquery不支持toggle()高(新)版本的问题解决
2016/09/24 PHP
如何使用PHP给图片加水印
2016/10/12 PHP
PHP实现无限分类的实现方法
2016/11/14 PHP
日历查询的算法 如何计算某一天是星期几
2012/12/12 Javascript
js showModalDialog 弹出对话框的简单实例(子窗体)
2014/01/07 Javascript
js判断ie版本号的简单实现代码
2014/03/05 Javascript
Node.js开发者必须了解的4个JS要点
2016/02/21 Javascript
Node.js数据库操作之查询MySQL数据库(二)
2017/03/04 Javascript
vue2.0中goods选购栏滚动算法的实现代码
2017/05/17 Javascript
BootStrap Validator 根据条件在JS中添加或移除校验操作
2017/10/12 Javascript
JavaScript生成简单等差数列
2017/11/28 Javascript
js中this对象用法分析
2018/01/05 Javascript
基于JavaScript实现简单的音频播放功能
2018/01/07 Javascript
实例讲解Vue.js中router传参
2018/04/22 Javascript
JavaScript简单实现关键字文本搜索高亮显示功能示例
2018/07/25 Javascript
node获取客户端ip功能简单示例
2019/08/24 Javascript
vue实现微信浏览器左上角返回按钮拦截功能
2020/01/18 Javascript
分享一个常用的Python模拟登陆类
2015/03/29 Python
python连接数据库的方法
2017/10/19 Python
Python数据分析中Groupby用法之通过字典或Series进行分组的实例
2017/12/08 Python
Python eval的常见错误封装及利用原理详解
2019/03/26 Python
python 杀死自身进程的实现方法
2019/07/01 Python
Python 实现顺序高斯消元法示例
2019/12/09 Python
Python实现微信好友的数据分析
2019/12/16 Python
python操作yaml说明
2020/04/08 Python
解决pycharm下pyuic工具使用的问题
2020/04/08 Python
python 无损批量压缩图片(支持保留图片信息)的示例
2020/09/22 Python
基于python获取本地时间并转换时间戳和日期格式
2020/10/27 Python
CSS3感应鼠标的背景闪烁和图片缩放动画效果
2014/05/14 HTML / CSS
葡萄牙鞋子品牌:Fair
2016/12/10 全球购物
英国领先的品牌珠宝和配件供应商:Acotis Jewellery
2018/03/07 全球购物
骨干教师培训方案
2014/05/06 职场文书
浅谈golang package中init方法的多处定义及运行顺序问题
2021/05/06 Golang
linux下安装redis图文详细步骤
2021/12/04 Redis