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

作者:jingxian 时间:2023-07-02 05:34:40 

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,查找,兄弟,节点
0
投稿

猜你喜欢

  • 关于Python与Golang语言的对比分析

    2023-03-10 18:54:06
  • 十行Python代码实现文字识别功能

    2024-01-01 14:55:09
  • 奇妙的Javascript图片放大镜

    2024-04-30 08:51:22
  • jquery获取复选框被选中的值

    2024-04-22 13:05:24
  • 一文教你快速生成MySQL数据库关系图

    2024-01-26 15:06:52
  • Python入门篇之正则表达式

    2021-10-20 09:01:34
  • vuex管理状态仓库使用详解

    2024-04-30 10:38:33
  • Python实现输入二叉树的先序和中序遍历,再输出后序遍历操作示例

    2023-04-20 15:10:44
  • 自动备份mssql server数据库并压缩的批处理脚本

    2024-01-24 00:30:11
  • JS的千分位算法实现思路

    2023-08-23 22:40:32
  • z-blog文章摘要图文混排

    2009-02-28 13:49:00
  • Python paramiko 模块浅谈与SSH主要功能模拟解析

    2023-10-01 11:06:28
  • PHP count_chars()函数讲解

    2023-06-05 09:17:25
  • 微信小程序实现横向滚动导航栏效果

    2024-04-29 13:55:49
  • 合理的网页设计具有哪些特征

    2007-10-09 13:24:00
  • 微信跳一跳python辅助软件思路及图像识别源码解析

    2023-01-10 22:45:57
  • Python实现提取Excel指定关键词的行数据

    2022-09-01 10:15:59
  • python GUI库图形界面开发之PyQt5控件QTableWidget详细使用方法与属性

    2022-08-13 22:06:58
  • python中super().__init__()的用法

    2023-09-06 11:43:07
  • Python封装shell命令实例分析

    2022-03-11 13:39:37
  • asp之家 网络编程 m.aspxhome.com