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 使用手册(七)
Sep 23 Javascript
jquery 新手学习常见问题解决方法
Apr 18 Javascript
利用JQuery动画制作滑动菜单项效果实现步骤及代码
Feb 07 Javascript
快速解决jQuery与其他库冲突的方法介绍
Jan 02 Javascript
node.js中的fs.lchownSync方法使用说明
Dec 16 Javascript
jQuery实现输入框下拉列表树插件特效代码分享
Aug 27 Javascript
Bootstrap开发实战之响应式轮播图
Jun 02 Javascript
php输出全部gb2312编码内的汉字方法
Mar 04 Javascript
vue利用better-scroll实现轮播图与页面滚动详解
Oct 20 Javascript
webpack 模块热替换原理
Apr 09 Javascript
在vue-cli搭建的项目中增加后台mock接口的方法
Apr 26 Javascript
在vue中使用Autoprefixed的方法
Jul 27 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/10/09 PHP
php实现12306火车票余票查询和价格查询(12306火车票查询)
2014/01/14 PHP
php动态函数调用方法
2015/05/21 PHP
万能的php分页类
2017/07/06 PHP
禁用页面部分JavaScript方法的具体实现
2013/07/31 Javascript
jquery为页面增加快捷键示例
2014/01/31 Javascript
javascript的document.referrer浏览器支持、失效情况总结
2014/07/18 Javascript
JavaScript实现16进制颜色值转RGB的方法
2015/02/09 Javascript
包含中国城市的javascript对象实例
2015/08/03 Javascript
jQuery中的一些常见方法小结(推荐)
2016/06/13 Javascript
JS之相等操作符详解
2016/09/13 Javascript
easyui combotree加载静态数据问题(选不上)解决方法
2016/12/26 Javascript
vue一个页面实现音乐播放器的示例
2018/02/06 Javascript
深入理解Vue父子组件生命周期执行顺序及钩子函数
2018/08/12 Javascript
vue 点击按钮增加一行的方法
2018/09/07 Javascript
小程序云开发实现数据库异步操作同步化
2019/05/18 Javascript
简谈创建React Component的几种方式
2019/06/15 Javascript
vue 开发企业微信整合案例分析
2019/12/02 Javascript
微信小程序实现上拉加载功能示例【加载更多数据/触底加载/点击加载更多数据】
2020/05/29 Javascript
[51:06]DOTA2-DPC中国联赛 正赛 Elephant vs Aster BO3 第二场 1月26日
2021/03/11 DOTA
Python实现比较两个文件夹中代码变化的方法
2015/07/10 Python
Python ArgumentParse的subparser用法说明
2020/04/20 Python
没编程基础可以学python吗
2020/06/17 Python
Pytorch损失函数nn.NLLLoss2d()用法说明
2020/07/07 Python
pytorch简介
2020/11/11 Python
虚拟环境及venv和virtualenv的区别说明
2021/02/05 Python
CSS3动画animation实现云彩向左滚动
2014/05/09 HTML / CSS
1688平价精选商城:阿里集团旗下,工厂出厂价格直销
2017/04/24 全球购物
澳大利亚领先的美容护肤品零售商之一:SkincareStore
2018/01/22 全球购物
巴黎卡诗加拿大官网:Kérastase加拿大
2018/11/12 全球购物
餐厅总经理岗位职责
2013/12/31 职场文书
生物制药自我鉴定
2014/01/25 职场文书
优秀大学生自荐信
2014/06/09 职场文书
外贸业务员求职信
2014/06/16 职场文书
2015年房地产个人工作总结
2015/05/26 职场文书
医院消毒隔离制度
2015/08/05 职场文书