获取该元素的前一个兄弟元素

 $(this).prev().css("backgroundColor","red");获取该元素的下一个兄弟元素$(this).next().css("backgroundColor","red");获取该元素后面的所有兄弟元素$(this).nextAll().css("backgroundColor","red");获取该元素前面的所有兄弟元素$(this).prevAll().css("backgroundColor","red");获取该元素所有兄弟元素$(this).siblings().css("backgroundColor","red");

案例

<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><title>Title</title><style>ul {list-style-type: none;width: 200px;position: absolute;left: 500px;}ul li {margin-top: 10px;cursor: pointer;text-align: center;font-size: 20px;}</style><script src="../jquery-1.12.1.js"></script><script>/** 断链:对象调用方法后，返回的已不是当前的这个对象，此时再调用方法，就出现了断链的现象* .end()方法是用来修复断链，恢复断链之前的状态* 如果出现了断链，就不推荐使用链式编程* */$(function () {$("ul>li").click(function () {// $(this).nextAll("li").css("backgroundColor","blue");// $(this).prevAll("li").css("backgroundColor","green");$(this).nextAll("li").css("backgroundColor","blue").end().prevAll("li").css("backgroundColor","green");}).mouseenter(function () {$(this).css("backgroundColor","red");}).mouseleave(function () {$(this).parent().find("li").css("backgroundColor","");});});</script>
</head>
<body>
<ul><li>青岛啤酒（TsingTao）</li><li>瓦伦丁（Wurenbacher）</li><li>雪花（SNOW）</li><li>奥丁格教士（Franziskaner）</li><li>科罗娜喜力柏龙（Paulaner）</li><li>嘉士伯Kaiserdom</li><li>罗斯福（Rochefort）</li><li>粉象（Delirium）</li><li>爱士堡（Eichbaum）</li><li>哈尔滨牌蓝带</li>
</ul></body>
</html>

jQuery中获取兄弟元素的方法相关推荐

jQuery中添加元素删除元素的方法
开发工具与关键技术:VS.jQuery 作者:#33 撰写时间:撰写时间:2019年06月06日 jQuery添加元素的方法和移除元素的方法: 引入jQuery插件: <script src= ...
浅析jQuery中常用的元素查找方法总结
$("#myELement") 选择id值等于myElement的元素,id值不能重复在文档中只能有一个id值是myElement所以得到的是唯一的元素 $("div& ...
jquery 获取同级元素_如何在jQuery中获取元素的同级
jquery 获取同级元素 In this post, we will discuss how to get the siblings of an HTML element in jQuery. jQ ...
html中隐藏div的高度,jQuery如何获取隐藏元素的高度？
一个HTML元素可以在jquery的hide()函数的帮助下隐藏,或者可以通过在css中使用visibility:hidden;来轻松隐藏.我们也可以很容易地使用jquery来找到这个隐藏元素的高度. ...
网页加载的不同的方式、点击按钮显示一句话、jQuery中获取元素的方法
网页加载的不同的方式 <!DOCTYPE html> <html lang="en"> <head><meta charset=" ...
jquery兄弟标签_JQ获取兄弟元素的值
在之前有遇到过table中JQ获取兄弟元素的值,写法是var id = $(this).parents("tr").find(".id").text(); 然后 ...
jq获取兄弟节点_jQuery 获取兄弟元素的几种方法
jQuery 获取兄弟元素的几种方法. 获取指定元素的兄弟元素时,可以使用adjacent sibling combinator (+),其中+的两侧内容都是selector expression. ...
jq 如何获取和当然元素相同类名的标签_jquery获取兄弟元素-jquery获取下一个兄弟元素-jquery获取最后一个兄弟元素...
jquery怎幺获取当前元素的兄弟元素可以使用 siblings() jquery既然有next方法取得下一个元素,那幺有previous方法吗 $("#id").prev(); ...
html中js隐藏div的高度,jQuery怎么获取隐藏元素的高度？
jQuery怎么获取隐藏元素的高度?下面本篇文章给大家介绍一下.有一定的参考价值,有需要的朋友可以参考一下,希望对大家有所帮助. jQuery怎么获取隐藏元素的高度? 方法1:使用innerHeigh ...

jQuery中获取兄弟元素的方法

案例

jQuery中获取兄弟元素的方法相关推荐

最新文章

热门文章