jQuery——获取某个元素兄弟元素的相关方法

    <style>ul{list-style-type: none;cursor: pointer;}</style><script src="jquery-1.12.1.js"></script><script>//获取某个li的下一个兄弟元素$(function(){$("third").click(function(){$(this).next().css("backgroundColor","yellowgreen");//获取某个li的前一个兄弟元素$(this).prev().css("backgroundColor","greenyellow");//获取某个li的后面的所有的兄弟元素$(this).nextAll().css("backgroundColor","red");//获取某个li的前面的所有的兄弟元素$(this).prevAll().css("backgroundColor","red");//获取当前li的所有兄弟元素$(this).siblings("li").css("backgroundColor","gray");});});</script>
</head>
<body>
<ul id="uu"><li>终于结束的起点</li><li>成名在望</li><li id="third">少年他的奇幻漂流</li><li>任意门</li><li>如果我们不曾相遇</li><li>转眼</li>
</ul>
</body>

案例：

    <script src="jquery-1.12.1.js"></script><script>$(function(){$("ul>li").mouseenter(function(){//鼠标进入事件$(this).css("backgroundColor","red").siblings("li").css("backgroundColor","");}).mouseleave(function(){//鼠标离开事件$(this).css("backgroundColor","");}).click(function(){//点击事件$(this).prevAll("li").css("backgroundColor","yellow");$(this).nextAll("li").css("backgroundColor","blue");});});</script>
......<ul id="uu"><li>终于结束的起点</li><li>成名在望</li><li id="third">少年他的奇幻漂流</li><li>任意门</li><li>如果我们不曾相遇</li><li>转眼</li></ul>

断链：
对象调用方法之后，返回的已经不是当前这个对象了，此时再调用方法，就出现了断链
.end()方法是修复断链，恢复断链之前的状态，一般不推荐链式编程

$(this).prevAll("li").css("backgroundColor","yellow").end().nextAll("li").css("backgroundColor","blue");

jQuery——获取某个元素兄弟元素的相关方法相关推荐

jq 如何获取和当然元素相同类名的标签_jquery获取兄弟元素-jquery获取下一个兄弟元素-jquery获取最后一个兄弟元素...
jquery怎幺获取当前元素的兄弟元素可以使用 siblings() jquery既然有next方法取得下一个元素,那幺有previous方法吗 $("#id").prev(); ...
jquery获取所有的兄弟元素
jQuery 遍历 - siblings() 方法 jQuery中的siblings方法可以获取指定元素的同辈的所有元素,返回一个数组语法 .siblings(selector) 注:selecto ...
js获取对象的父元素,子元素,兄弟元素
今天测试我昨天写好的js插件,发现昨天考虑欠妥,导致[修改]做不了了!主要原因是我以前都是遍历表格,在每条记录后面添加修改按钮.现在用局部刷新表格的方法,每次都自动生成表格内容,以致于无法在记录后面生 ...
jQuery获取所有父级元素及同级元素及子元素的方法
jQuery获取所有父级元素及同级元素及子元素的方法 1.获取父级元素 $("#id").parent() 获取其父级元素 $("#id").parents() ...
JQuery获取第几个元素和判断元素在第几个
HTML代码: <ul><li>jQuery判断当前元素是第几个元素示例</li><li>jQuery获取第N个元素示例</li><l ...
selenium中，用xpath定位当前元素的相邻元素/兄弟元素
[背景] 在定位页面元素时,有时候需要根据某个元素特征,去定位其相邻元素/兄弟元素,或者定位其父元素的兄弟元素(或叔伯元素的子元素).这里引入xpath的两个定位方法: preceding-sibli ...
vue封装jquery修改自身以及兄弟元素的方法
在项目中我们经常有,点击某一个元素让其自身样式发生变化,同时其兄弟元素改变的需求,最简单的就是通过Jquery来操作,但是如果需求多的话,那么我们就可以对这个方法进行封装,然后再引入使用.今天我们就来 ...
Js/Jquery获取iframe中的元素在Iframe中获取父窗体的元素方法
在web开发中,经常会用到iframe,难免会碰到需要在父窗口中使用iframe中的元素.或者在iframe框架中使用父窗口的元素 js 在父窗口中获取iframe中的元素 1. 格式:win ...
【学习】如何用jQuery获取iframe中的元素
(我的博客网站中的原文:http://www.xiaoxianworld.com/archives/292,欢迎遇到的小伙伴常来瞅瞅,给点评论和建议,有错误和不足,也请指出.) 说实在的,以前真的很少 ...

jQuery——获取某个元素兄弟元素的相关方法

jQuery——获取某个元素兄弟元素的相关方法相关推荐

最新文章

热门文章