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 this指针
Jul 30 Javascript
jquery json 实例代码
Dec 02 Javascript
js实现在页面上弹出蒙板技巧简单实用
Apr 16 Javascript
js闭包实例汇总
Nov 09 Javascript
jquery.ajax之beforeSend方法使用介绍
Dec 08 Javascript
了不起的node.js读书笔记之node.js中的特性
Dec 22 Javascript
JavaScript中的继承方式详解
Feb 11 Javascript
jQuery EasyUI Pagination实现分页的常用方法
May 21 Javascript
详解Node.js开发中的express-session
May 19 Javascript
validationEngine 表单验证插件使用实例代码
Jun 15 Javascript
vue+iview+less+echarts实战项目总结
Feb 22 Javascript
详解Vue Elementui中的Tag与页面其它元素相互交互的两三事
Sep 25 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中使用Sockets 从Usenet中获取文件
2008/01/10 PHP
php 模拟POST提交的2种方法详解
2013/06/17 PHP
解析file_get_contents模仿浏览器头(user_agent)获取数据
2013/06/27 PHP
用JQuery 实现AJAX加载XML并解析的脚本
2009/07/25 Javascript
原生Js与jquery的多组处理, 仅展开一个区块的折叠效果
2011/01/09 Javascript
你必须知道的JavaScript 中字符串连接的性能的一些问题
2013/05/07 Javascript
jQGrid动态填充select下拉框的选项值(动态填充)
2016/11/28 Javascript
基于jQuery实现的打字机效果
2017/01/16 Javascript
JS异步加载的三种实现方式
2017/03/16 Javascript
p5.js入门教程和基本形状绘制
2018/03/15 Javascript
ionic使用angularjs表单验证(模板验证)
2018/12/12 Javascript
微信小程序使用map组件实现获取定位城市天气或者指定城市天气数据功能
2019/01/22 Javascript
node省市区三级数据性能测评实例分析
2019/11/06 Javascript
这样回答继承可能面试官更满意
2019/12/10 Javascript
如何实现iframe父子传参通信
2020/02/05 Javascript
用jQuery实现抽奖程序
2020/04/12 jQuery
jQuery实现动态加载瀑布流
2020/09/01 jQuery
js实现自定义滚动条的示例
2020/10/27 Javascript
python练习程序批量修改文件名
2014/01/16 Python
python调用java模块SmartXLS和jpype修改excel文件的方法
2015/04/28 Python
Python爬虫利用cookie实现模拟登陆实例详解
2017/01/12 Python
python面向对象实现名片管理系统文件版
2019/04/26 Python
pytorch索引查找 index_select的例子
2019/08/18 Python
Python 跨.py文件调用自定义函数说明
2020/06/01 Python
HTML5 Video标签的属性、方法和事件汇总介绍
2015/04/24 HTML / CSS
Radley英国官网:英国莱德利小狗包
2019/03/21 全球购物
印尼在线购买隐形眼镜网站:Lensza.co.id
2019/04/27 全球购物
口腔医学技术应届生求职信
2013/11/09 职场文书
酒店总经理助理岗位职责
2014/02/01 职场文书
2014年会策划方案
2014/05/11 职场文书
荆州古城导游词
2015/02/06 职场文书
人与自然观后感
2015/06/16 职场文书
师范生见习自我总结
2015/06/23 职场文书
pytorch中的model=model.to(device)使用说明
2021/05/24 Python
mysqldump进行数据备份详解
2022/07/15 MySQL