jquery的父、子、兄弟节点查找,节点的子节点循环方法
2019/6/27 21:35:47
本文主要是介绍jquery的父、子、兄弟节点查找,节点的子节点循环方法,对大家解决编程问题具有一定的参考价值,需要的程序猿们随着小编来一起学习吧!
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的父、子、兄弟节点查找,节点的子节点循环方法就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持找一找教程网。
这篇关于jquery的父、子、兄弟节点查找,节点的子节点循环方法的文章就介绍到这儿,希望我们推荐的文章对大家有所帮助,也希望大家多多支持为之网!
- 2024-11-23Vue新手入门教程:从零开始学习Vue框架
- 2024-11-23如何集成Ant Design Vue的图标
- 2024-11-23如何集成Ant Design Vue图标
- 2024-11-23使用vue CLI快速搭建Vue项目教程
- 2024-11-23Vue CLI多环境配置简单教程
- 2024-11-23Vue3入门教程:轻松搭建你的第一个Vue3应用
- 2024-11-23Vue3+Vite快速上手指南
- 2024-11-23Vue3阿里系UI组件入门指南
- 2024-11-23Vue3的阿里系UI组件入门指南
- 2024-11-23Vue3公共组件入门教程