欢迎来到代码驿站!

jquery

当前位置:首页 > 网页前端 > jquery

jquery的父、子、兄弟节点查找,节点的子节点循环方法

时间:2021-02-17 14:01:27|栏目: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

下一篇:基于jQuery实现二级下拉菜单效果

本文标题:jquery的父、子、兄弟节点查找,节点的子节点循环方法

本文地址:http://www.codeinn.net/misctech/64423.html

推荐教程

广告投放 | 联系我们 | 版权申明

重要申明:本站所有的文章、图片、评论等,均由网友发表或上传并维护或收集自网络,属个人行为,与本站立场无关。

如果侵犯了您的权利,请与我们联系,我们将在24小时内进行处理、任何非本站因素导致的法律后果,本站均不负任何责任。

联系QQ:914707363 | 邮箱:codeinn#126.com(#换成@)

Copyright © 2020 代码驿站 版权所有