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

2024-02-26 00:40:25

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插入兄弟节点的操作方法

功能:插入指定元素到父元素的第一个位置(最左边) 实例 $self.prepend($selectLi); 解释 self是selectLi的父元素,把self放在selectLi的最前面(最左边), 移动的是selectLi, append 功能:插入指定元素到父元素的最后面(最右边) after 实例 $firstLi.after($selectLi); 解释把selectLi放在firstLi的后面(右边), 移动的是selectLi 注意:selectLi和firstLi 是兄弟节点
jquery的父子兄弟节点查找示例代码

jQuery.parent(expr) 找父亲节点,可以传入expr进行过滤,比如$("span").parent()或者$("span").parent(".class") jQuery.parents(expr),类似于jQuery.parents(expr),但是是查找所有祖先元素,不限于父元素 jQuery.children(expr).返回所有子节点,这个方法只会返回直接的孩子节点,不会返回所有的子孙节点 jQuery.contents
jQuery获取父元素节点、子元素节点及兄弟元素节点的方法

本文实例讲述了jQuery获取父元素节点.子元素节点及兄弟元素节点的方法.分享给大家供大家参考,具体如下: 先来看这段html代码,整个取节点(父.子.兄弟等)的方法都是围绕这段代码来的: <ul class="par"> <li id="firstli"> <h3 class="title">条目一</h3> <ul class="par"> <li id=&
jquery的父、子、兄弟节点查找,节点的子节点循环方法

jQuery.parent(expr) //找父元素 jQuery.parents(expr) //找到所有祖先元素,不限于父元素 jQuery.children(expr) //查找所有子元素,只会找到直接的孩子节点,不会返回所有子孙 jQuery.contents() //查找下面的所有内容,包括节点和文本. jQuery.prev() //查找上一个兄弟节点,不是所有的兄弟节点 jQue
js与jquery获取父级元素,子级元素,兄弟元素的实现方法

先说一下JS的获取方法,其要比JQUERY的方法麻烦很多,后面以JQUERY的方法作对比 JS的方法会比JQUERY麻烦很多,主要则是因为FF浏览器,FF浏览器会把你的换行也当最DOM元素原生的JS获取ID为test的元素下的子元素.可以用: 比如: <div id="dom"> <div></div> <div></div> <div></div></div> var
jQuery获取父元素及父节点的方法小结

本文实例总结了jQuery获取父元素及父节点的方法.分享给大家供大家参考,具体如下: jquery获取父元素方法比较多,比如parent(),parents(),closest()这些都能帮你实现查找父元素或节点,下面我们来一一讲解: 先举个例子, <ul class="parent1"> <li><a href="#" id="item1">jquery获取父节点</a></li> &
JS 使用for循环遍历子节点查找元素

这篇文章主要介绍了JS 使用for循环配合数组遍历子节点查找元素 function nextChildNode(node,clazz,tagName){ var count= node.childElementCount; for(var i=0;i<count;i++){ if(node==undefined || node.children[i]==undefined){ continue; } if(clazz){ if(node.children[i].getAttribute('cla
JS实现DOM节点插入操作之子节点与兄弟节点插入操作示例

本文实例讲述了JS实现DOM节点插入操作之子节点与兄弟节点插入操作.分享给大家供大家参考,具体如下: <!doctype html> <html> <head> <meta charset="utf-8"> <title>www.jb51.net JS节点插入</title> <script> function showinsert(){ //添加子节点 var str=document.getElem
zTree获取当前节点的下一级子节点数实例

使用zTree插件实现树形图中,需要获取当前点击的父节点的子节点数的需求,使用treeNode.children获取子节点数据集合,使用length方法获取集合长度. 将当前节点的treeNode传入即可调用. /*查找当前节点下一级的子节点数*/ function findNodes(treeNode) { var count; /*判断是不是父节点,是的话找出子节点个数,加一是为了给新增节点*/ if(treeNode.isParent) { count = treeNode.childre
jQuery通过控制节点实现仅在前台通过get方法完成参数传递

本文实例讲述了jQuery通过控制节点实现仅在前台通过get方法完成参数传递.分享给大家供大家参考.具体分析如下: 这样也是HTML DOM那部分的内容,javascript与jquery等前端脚本语言的核心就是要控制每一个节点,对每一个节点进行增删改查,这样才能够真正地活用javascript与jquery等前端脚本写出一个又一个华丽丽的东西. javascript控制节点,笔者已经在之前的[JavaScript针对网页节点的增删改查用法实例]有过相关介绍,现在是通过jquery这一javas
SQL 双亲节点查找所有子节点的实现方法

怎么保存树状结构的数据呢?在 SQL 中常用的是双亲节点法.创建表如下 CREATE TABLE category ( id LONG, parentId LONG, name String(20) ) INSERT INTO category VALUES ( 1, NULL, 'Root' ) INSERT INTO category VALUES ( 2, 1, 'Branch1' ) INSERT INTO category VALUES ( 3, 1, 'Branch2' ) INSE
jQuery插件zTree实现更新根节点中第i个节点名称的方法示例

本文实例讲述了jQuery插件zTree实现更新根节点中第i个节点名称的方法.分享给大家供大家参考,具体如下: 1.实现代码: <!DOCTYPE html> <html> <head> <title>zTree实现基本树</title> <meta http-equiv="content-type" content="text/html; charset=UTF-8"> <link re

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

相关推荐

随机推荐