本文小编为大家详细介绍“jquery同胞遍历指的是什么”,内容详细,步骤清晰,细节处理妥当,希望这篇“jquery同胞遍历指的是什么”文章能帮助大家解决疑惑,下面跟着小编的思路慢慢深入,一起来学习新知识吧。 同胞就是拥有相同的父元素;jquery同胞遍历就是使用jQuery在DOM树中遍历获取到指定元素的同胞元素。同胞遍历方法有7个:1、siblings(),可获得指定元素的同级所有元素;2、next(),可获得元素的下一个同胞元素;3、nextAll();4、nextUntil();5、prev(),可获得元素的上一级同胞元素;6、prevAll();7、prevUntil()。jquery中的同胞遍历同胞就是拥有相同的父元素。通过jQuery能够在DOM树中遍历元素的同胞元素。同胞遍历方法在jquery中,查询同胞元素一般有七个方法:siblings()、next()、nextAll()、nextUntil()、prev()、prevAll()、prevUntil()siblings()方法,主要用于获得指定元素的同胞所有元素next()方法,主要用于获得指定元素的下一个同胞元素nextAll()方法,主要用于获得指定元素的下一个同胞的所有元素nextUntil()方法,主要用于获得指定元素的下一个同胞元素,这个同级元素必须为指定元素与nextUntil()方法所设置元素之间的元素prev()方法,主要用于获得指定元素的上一级同胞元素prevAll()方法,主要用于获得指定元素上一级所有的同胞元素prevUntil()方法,主要用于获得指定元素的上一个同胞元素,这个同级元素必须为指定元素与prevUntil()方法所设置元素之间的元素我们通过下边的代码模拟下这些处理。事实上jQuery也是这样处理的,只是在结构与过滤处理上更加的严谨。
HTML>
- I
- II
- A
- B
- 1
- 2
- 3
- C
- III
functiondir(elem,dir,until){varmatched=[],truncate=until!==undefined;while((elem=elem[dir])&&elem.nodeType!==9){if(elem.nodeType===1){if(truncate){if(elem.nodeName.toLowerCase()==until||elem.className==until){//细节:元素的className不止一个;//添加过滤id?break;}}matched.push(elem);}}returnmatched;}
functionnextAll(elem){returndir(elem,"nextSibling");}
functionprevAll(elem){returndir(elem,"previousSibling");}
functionnextUntil(elem,until){returndir(elem,"nextSibling",until);}
functionprevUntil(elem,until){returndir(elem,"previousSibling",until);}
$("#test1").click(function(){varitem=$('li.item-ii');alert(item.nextAll()[0].className)alert(item.prevAll()[0].className)alert(item.nextUntil('.end')[0].className)alert(item.prevUntil('.first')[0].className)})
$("#test2").click(function(){varitem=document.querySelectorAll('li.item-ii')[0]alert(nextAll(item)[0].className)alert(prevAll(item)[0].className)alert(nextUntil(item,'.end')[0].className)//.end表示是同胞的最后一个元素?alert(prevUntil(item,'.first')[0].className)})
jquery怎么检测是否有同胞元素检查方法:1、使用siblings()获取指定元素的所有同胞元素
指定元素.siblings()
会返回一个包含同胞元素的jquery对象。2、使用length属性获取jquery对象的长度length属性获取的长度就是同胞元素的个数
jquery对象.length==0
如果同胞元素的个数为0,即没有同胞元素如果个数不等于0,则有同胞元素示例:
html>div(父)p(兄弟元素)
span(兄弟元素)h3(本元素)
h4(兄弟元素)
p(兄弟元素)
p(兄弟元素)p(兄弟元素)读到这里,这篇“jquery同胞遍历指的是什么”文章已经介绍完毕,想要掌握这篇文章的知识点还需要大家自己动手实践使用过才能领会,如果想了解更多相关内容的文章,欢迎关注百云主机行业资讯频道。
这篇文章主要讲解了“怎么用C#WinForm制作登录界面”,文中的讲解内容简单清晰,易于学习与理解,下面请大家跟着小编的思路慢慢深入,一起来研究和学习“怎么用C#WinForm制作登录界面”吧!在【解决方案资源管理器】中找到Form1.cs,单击,快捷键F2重…
免责声明:本站发布的图片视频文字,以转载和分享为主,文章观点不代表本站立场,本站不承担相关法律责任;如果涉及侵权请联系邮箱:360163164@qq.com举报,并提供相关证据,经查实将立刻删除涉嫌侵权内容。