当前位置:  编程技术>jquery

JQuery 节点遍历的例子

    来源: 互联网  发布时间:2014-10-04

    本文导语:  例子,JQuery 节点遍历 实现代码。   代码示例:     JQuery 节点遍历_www.                 $(function () {             //-----举例1.获取节点之前的挨着的第一个兄弟元素             //var $divs = $("#div2").prev("...

例子,JQuery 节点遍历 实现代码。
 

代码示例:




    JQuery 节点遍历_www.
   
   
        $(function () {
            //-----举例1.获取节点之前的挨着的第一个兄弟元素
            //var $divs = $("#div2").prev("div");     //只获取div
            //ShowArraysID($divs);
            //-----举例2.获取节点之前的所有兄弟元素
            //var $divs = $("#div2").prevAll("div");  //只获取div
            //var $divs = $("#div2").prevAll();         //获取所有兄弟元素
            //ShowArraysID($divs);
            //-----举例3.获取节点之后的挨着的第一个兄弟元素
            //var $divs = $("#div2").next("div");     //只获取div div2后紧挨着的是input所以返回零个元素
            //ShowArraysID($divs);
            //-----举例4.获取节点之后的所有兄弟元素   类似prevAll  方向相反
            //var $divs = $("#div2").nextAll();         //获取所有兄弟元素
            //ShowArraysID($divs);
            //-----举例4.siblings()方法用于获取所有同辈元素(前后都拿到)
            //$(".menuitem").siblings("li")。siblings、next等所有能传递选择器的地方能够使用的语法都和$()语法一样。
            //var $divs = $("#div2").siblings("div");   //获取id为div2前后的所有div元素
            //ShowArraysID($divs);
            var $divs = $("#div2").siblings();   //获取id为div2前后的所有元素
            ShowArraysID($divs);
        });

        function ShowArraysID($jqueryArr) {
            var output = "";
            for (var i = 0; i < $jqueryArr.length; i++) {
                if (output == "") {
                    output = $jqueryArr.eq(i).attr("id");
                }
                else {
                    output += "," + $jqueryArr.eq(i).attr("id");
                }
            }
            alert(output);
        }
   


   

我是div1

   
   
我是div2

   
   
我是div3

   
   
我是div4

   
   
我是div5



    
 
 

您可能感兴趣的文章:

  • jquery遍历筛选数组与遍历解析json对象
  • jquery遍历checkbox代码与说明
  • jquery进行数组遍历如何跳出当前的each循环
  • jquery遍历checkbox的注意事项说明
  • jquery遍历checkbox简单示例
  • jquery遍历checkbox介绍
  • Jquery遍历Table表头(示例)
  • jQuery遍历Table应用示例
  • jQuery基于当前元素进行下一步的遍历
  • jquery遍历select元素的二种方法(实例)
  • jquery遍历select元素(实例讲解)
  • Jquery遍历checkbox获取选中项value值的方法
  • jquery中each遍历对象和数组示例
  • Jquery遍历修改url请求参数的代码详解
  • jQuery向上遍历DOM树之parents(),parent(),closest()之间的区别
  • Jquery遍历节点的实现代码
  • jquery遍历与修改url请求参数的方法
  • Jquery遍历节点的方法小集
  • Jquery节点遍历next与nextAll方法使用示例
  • Jquery 三层遍历与删除的代码示例
  • jQuery如何获取节点与子节点文本?
  • jquery 取子节点及当前节点属性值的方法
  • jquery 取子节点及当前节点属性值
  • jQuery获取节点和子节点文本的方法
  • jquery的父子兄弟节点查找示例代码
  • JQuery 删除节点的例子
  • Jquery节点操作的几点知识
  • jQuery循环判断点击某节点
  • jquery移动节点代码
  • jquery删除节点代码
  • 移动节点的jquery代码
  •  
    本站(WWW.)旨在分享和传播互联网科技相关的资讯和技术,将尽最大努力为读者提供更好的信息聚合和浏览方式。
    本站(WWW.)站内文章除注明原创外,均为转载、整理或搜集自网络。欢迎任何形式的转载,转载请注明出处。












  • 相关文章推荐
  • JQuery转义id中特殊字符的例子
  • jquery检测浏览器名称和版本信息的例子
  • jQuery.proxy向函数中传参的小例子
  • jQuery提交多个表单的小例子
  • jquery获得url参数列表的例子
  • jQuery查看事件内容的小例子
  • jQuery循环array与map小例子
  • jquery 绑定、捕获、拦截回车事件的例子
  • jquery转化Datatable为json数据的例子
  • jquery 获取URL请求参数的小例子
  • jquery 文字上下滚动的小例子
  • jquery链式操作、链式写法的小例子
  • jquery hide方法隐藏元素的例子
  • jquery判断浏览器后退时弹出消息的例子
  • jQuery为checkbox、radio赋值的例子
  • jquery隐藏标签、显示标签的例子
  • JQuery checkbox全选的小例子
  • jQuery判断checkbox是否选中的小例子
  • jQuery元素属性attr设置多个键值的例子
  • jQuery 随机展示图片的例子
  • .net/c#/asp.net iis7站长之家
  • jQuery鼠标动画插件 jquery-ahover
  • jQuery概述,代码举例及最新版下载
  • jQuery向导插件 Jquery Wizard Plugin
  • Jquery操作html复选框checkbox:全选,全不选和反选
  • jQuery圆角插件 jQuery Corners
  • struts+spring+hibernate+jquery实现分页功能的几个基本类介绍(异步加载)
  • jQuery相册插件 jQuery.popeye
  • jQuery UI组件 jQuery UI
  • jQuery右键菜单插件 jQuery ContextMenu
  • jQuery分页插件 Pagination jQuery Plugin


  • 站内导航:


    特别声明:169IT网站部分信息来自互联网,如果侵犯您的权利,请及时告知,本站将立即删除!

    ©2012-2021,,E-mail:www_#163.com(请将#改为@)

    浙ICP备11055608号-3