脚本之家 服务器常用软件
快捷导航
您的位置：首页 → 网络编程 → JavaScript → javascript类库 → jquery → jquery查找兄弟节点

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

 更新时间：2016年12月07日 09:14:46   投稿：jingxian  
下面小编就为大家带来一篇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 fadeTo方法调整图片的透明度使用介绍

    jQuery fadeTo方法调整图片的透明度使用介绍

    利用jquery的fadeTo方法可以简单的制作一些很不错的动画效果.可以使图片或者文字或者区块以不同的透明度效果出现.例如以下练习实例，感兴趣的朋友可以参考下哈
    2013-05-05
  • jQuery实现select下拉框获取当前选中文本、值、索引

    jQuery实现select下拉框获取当前选中文本、值、索引

    本篇文章主要介绍了jQuery实现select下拉框获取当前选中文本、值、索引以及添加/删除Select的Option项的相关知识，具有很好的参考价值。下面跟着小编一起来看下吧
    2017-05-05
  • jquery与ajax获取特殊字符实例详解

    jquery与ajax获取特殊字符实例详解

    在用jquery加ajax写的时候，发现如果传进去的数据包含&则无法获取数据而+号的话就会被判定为空，解决办法就是使用encodeURIComponent()函数对要发送的数据进行编码,需要的朋友可以参考下
    2017-01-01
  • JQuery onload、ready概念介绍及使用方法

    JQuery onload、ready概念介绍及使用方法

    页面加载完成有两种事件，一是ready，表示文档结构已经加载完成，onload，ready概念容易混淆，下面为大家详细介绍下
    2013-04-04
  • jQuery移除元素自动解绑事件实现思路及代码

    jQuery移除元素自动解绑事件实现思路及代码

    用jQuery将元素移除的基本方法常用的有三个，一个是remove()方法，一个是html()方法，一个是empty()方法
    2014-05-05
  • JQuery元素快速查找与操作

    JQuery元素快速查找与操作

    本篇文章给大家分享了关于JQuery元素查找与操作的相关技巧和流程，对此有需要的朋友可以跟着学习参考下。
    2018-04-04
  • jQuery 删除/替换DOM元素的几种方式

    jQuery 删除/替换DOM元素的几种方式

    在结果集后链式调用remove()方法即可删除也可以通过向remove传参的形式来过滤选择结果再执行remove操作
    2014-05-05
  • jQuery中复合属性选择器用法实例

    jQuery中复合属性选择器用法实例

    这篇文章主要介绍了jQuery中复合属性选择器用法,实例分析了复合属性选择器匹配同时满足多个属性条件元素的技巧,具有一定参考借鉴价值,需要的朋友可以参考下
    2014-12-12
  • jQuery中eq()方法用法实例

    jQuery中eq()方法用法实例

    本篇文章为大家展示了如何在jquery中使用eq()方法，内容简明扼要并且容易理解，绝对能使你眼前一亮，通过这篇文章的详细介绍希望你能有所收获
    2015-01-01
  • jquery实现勾选复选框触发事件给input赋值

    jquery实现勾选复选框触发事件给input赋值

    本文给大家介绍的是一段十分实用的代码，使用jQuery实现勾选复选框触发事件给input赋值，在制作项目的时候经常需要用到此功能，这里分享给大家。
    2015-02-02

最新评论