jquery父节点

js jquery 获取元素(父节点,子节点,兄弟节点),元素筛选

三世轮回 提交于 2020-03-26 07:22:28
一,js 获取元素(父节点,子节点,兄弟节点) var test = document.getElementById("test");   var parent = test.parentNode; // 父节点   var chils = test.childNodes; // 全部子节点   var first = test.firstChild; // 第一个子节点   var last = test.lastChile; // 最后一个子节点    var previous = test.previousSibling; // 上一个兄弟节点   var next = test.nextSbiling; // 下一个兄弟节点 二,jquery 获取元素(父节点,子节点,兄弟节点) $("#test1").parent(); // 父节点 $("#test1").parents(); // 全部父节点 $("#test1").parents(".mui-content"); $("#test").children(); // 全部子节点 $("#test").children("#test1"); $("#test").contents(); // 返回#test里面的所有内容,包括节点和文本 $("#test").contents("#test1"); $("#test1"

JQuery的父、子、兄弟节点查找,节点的子节点循环

廉价感情. 提交于 2020-03-26 05:39:21
Query.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(){ /

jquery 父,子,兄弟节点获取

吃可爱长大的小学妹 提交于 2020-03-26 04:42:04
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()的返回结果,不会有初始集中      筛选出一部分,比如:     $("p").find("span")是从元素开始找,等于$("p span") jQuery.parent(expr) //找父元素 jQuery.parents(expr) //找到所有祖先元素,不限于父元素 jQuery

jQuery和js 获取父级元素、子级元素、兄弟元素方法

早过忘川 提交于 2020-03-13 11:14:25
1.JS获取节点的方法 var a=document.getElementByIdxxxx("dom"); del_space(a); //调用清理空格的函数 var b=a.childNodes; //获取a的全部子节点 var c=a.parentNode; //获取a的父节点 var d=a.nextSbiling; //获取a的下一个兄弟节点 var e=a.previousSbiling; //获取a的上一个兄弟节点 var f=a.firstChild; //获取a 的第一个子节点 var g=a.lastChild; //获取a的最后一个子节点   //此函数用于删除空节点 function del_space(elem){     var elem_child=elem.childNodes; //得到参数元素的所有子元素 for(var i=0;i<elem_child.length;i++){       if(elem_child.nodeName=="#text"&&!/\S/test(elem_child.nodeValue)){           elem.removeChild(elem_child);       }     } } 2.jQuery 获取节点的方法     jQuery.parent(expr) 找父节点,可以传入expr进行过滤

jQuery父级以及同级元素查找

删除回忆录丶 提交于 2020-03-04 20:31:31
jQuery.parent(expr) 找父亲节点,可以传入expr进行过滤,比如$("span").parent()或者$("span").parent(".class") jQuery.parents(expr),类似于jQuery.parents(expr),但是是查找所有祖先元素,不限于父元素 jQuery.children(expr).返回所有子节点,这个方法只会返回直接的孩子节点,不会返回所有的子孙节点 jQuery.contents(),返回下面的所有内容,包括节点和文本。这个方法和children()的区别就在于,包括空白文本,也会被作为一个 jQuery对象返回,children()则只会返回节点 jQuery.prev(),返回上一个兄弟节点,不是所有的兄弟节点 jQuery.prevAll(),返回所有之前的兄弟节点 jQuery.next(),返回下一个兄弟节点,不是所有的兄弟节点 jQuery.nextAll(),返回所有之后的兄弟节点 jQuery.siblings(),返回兄弟姐妹节点,不分前后 jQuery.find(expr),跟jQuery.filter(expr)完全不一样。jQuery.filter()是从初始的jQuery对象集合中筛选出一部分,而jQuery.find() 的返回结果,不会有初始集合中的内容,比如$("p"),find(

jquery 获取元素(父节点,子节点,兄弟节点)

点点圈 提交于 2019-12-04 23:23:41
一, js 获取元素(父节点,子节点,兄弟节点)var test = document.getElementById("test");  var parent = test.parentNode; // 父节点  var chils = test.childNodes; // 全部子节点  var first = test.firstChild; // 第一个子节点  var last = test.lastChile; // 最后一个子节点    var previous = test.previousSibling; // 上一个兄弟节点   var next = test.nextSibling; // 下一个兄弟节点二, jquery 获取元素(父节点,子节点,兄弟节点) $("#test1").parent(); // 父节点 $("#test1").parents(); // 全部父节点 $("#test1").parents(".mui-content"); $("#test").children(); // 全部子节点 $("#test").children("#test1"); $("#test").contents(); // 返回#test里面的所有内容,包括节点和文本 $("#test").contents("#test1"); $("#test1")

使用jquery获取父元素或父节点的方法

为君一笑 提交于 2019-11-27 06:57:15
jquery获取父元素 方法比较多,比如parent(),parents(),closest()这些都能帮你实现查找父元素或节点,下面我们来一一讲解: 先举个例子, 1. < ul class = "parent1" >   2. < li >< a href = "#" id = "item1" >jquery获取父节点</ a ></ li >   3. < li >< a href = "#" >jquery获取父元素</ a ></ li >   4. </ ul > 我们的目的是通过 id 为 item1 的便签a取到 class 为 parent1 的ul元素,有以下几种方法: 1、parent([expr]) 取得一个包含着所有匹配元素的唯一父元素的元素集合。 你可以使用可选的表达式来筛选。 代码如下 1. $( '#item1' ).parent().parent( '.parent1' ); 2、:parent 匹配含有子元素或者文本的元素 代码如下   1. $( 'li:parent' ); 3、parents([expr]) 取得一个包含着所有匹配元素的祖先元素的元素集合(不包含根元素)。可以通过一个可选的表达式进行筛选。 代码如下    1. $( '#items' ).parents( '.parent1' );   4、 closest([expr])