欢迎来到天天文库
浏览记录
ID:63496861
大小:12.47 KB
页数:4页
时间:2021-08-24
《jQuery猎取父元素节点、子元素节点及兄弟元素节点的方法_》由会员上传分享,免费在线阅读,更多相关内容在应用文档-天天文库。
1、jQuery猎取父元素节点、子元素节点及兄弟元素节点的方法_这篇文章主要介绍了jQuery猎取父元素节点、子元素节点及兄弟元素节点的方法,结合实例形式总结分析了jQuery节点操作的相关技巧,需要的伴侣可以参考下本文实例讲解并描述了jQuery猎取父元素节点、子元素节点及兄弟元素节点的方法。分享给大家供大家参考,具体如下:先来看这段html代码,整个取节点(父、子、兄弟等)的方法都是围绕这段代码来的:ulclass="par"liid="firstli"h3class="title"条目一/h3ulclass="par"liid="dwted
2、x"第一项/lili其次项/li/ul/li/ulJQUERY父节点的猎取:jquery猎取父元素方法比较多、比如parent()、parents()、closest()、find,first-child这些都能帮你实现查找父节点、子节点、兄弟节点如我们利用parent()来猎取父节点$("#dwtedx").parent().parent();//取得id为firstli的li节点$("#dwtedx").parent().parent(".par");//取得最上面的ul节点$("#dwtedx").parent(".par");//取得
3、向上第一层的ul节点以上是通过parent的方式来猎取父节点的、大家可以依据自己项目需要来选择方法哈下面、我们主要来讲一下parents()和closest()两个方法的区分1、closest从当前元素开头匹配查找、parents从父元素开头匹配查找2、closest逐级向上查找、直到发觉匹配的元素后就停止了、parents始终向上查找直到根元素、然后把这些元素放进一个临时集合中、再用给定的选择器表达式去过滤3、closest返回0或1个元素、parents可能包含0个、1个、或者多个元素代码可以这样写:$('#dwtedx').parent
4、s('.par');//可以找出全部class为.par的节点$('#dwtedx').closest('.par');//可以找出一个父节点、就是上面一层的那个JQUERY兄弟节点的猎取jQuery兄弟节点猎取、我们的思路是通过当前节点找到父节点、然后通过父节点去找到子节点、代码如下$(".title").parent().find('ul');//找到自己的兄弟节点ul就是通过先找到h3与ul共同的父节点li然后来用find()找到ul还有一种方法是用法siblings()函数、代码如下$(".title").siblings('ul')
5、;//找到自己的兄弟节点ulJQUERY子节点的猎取匹配第一个子元素:first只匹配一个元素、而此选择符将为每个父元素匹配一个子元素$(".par:first-child");//取得id为firstli的节点通过选择器去猎取、代码如下:$('#firstlih3.title');//取得条目一的h3用法find()函数、上面已经说过了、用法一样$("#firstli").find("h3");//找到子兄弟节点h3用法children()函数、代码如下$("#firstli").children("h3.title");//取得子节点h3
6、、class为title盼望本文所述对大家jQuery程序设计有所关心。...
此文档下载收益归作者所有