你的位置:首页 > Java教程

[Java教程]jQuery如何获取当前元素的兄弟元素


jQuery如何获取当前元素的兄弟元素:
在实际应用中,有时候要获得当前元素的兄弟元素,下面就通过一段实例代码简单介绍一下如何获取当前元素的兄弟元素。
实例代码如下:

 

<!DOCTYPE html> <html> <head> <meta charset=" utf-8"> <meta name="author" content="http://www.softwhy.com/" /> <title>蚂蚁部落</title> <style type="text/css"> #box{ margin:50px;}a {  display:block;  width:100px;  height:30px;  line-height:30px;  text-align:center;  background-color:#66F;  margin-top:5px;  text-decoration:none; } </style> <script type="text/javascript" src="mytest/jQuery/jquery-1.8.3.js"></script>  <script type="text/javascript"> $(document).ready(function(){ $("a").click(function(){  $(this).css("background-color","red");  $(this).siblings().css("background-color","#66F"); })})</script> </head> <body> <div id="box">  <a href="#">蚂蚁部落一</a> <a href="#">蚂蚁部落二</a> <a href="#">蚂蚁部落三</a> <a href="#">蚂蚁部落四</a> <a href="#">蚂蚁部落五</a></div> </body> </html>

 

由以上代码可以看出,siblings()可以获取当前元素的兄弟元素,非常的简单这里就不多介绍了,具体可以参阅jQuery的siblings()方法一章节。

原文地址是:http://www.softwhy.com/forum.php?mod=viewthread&tid=9583

更多内容可以参阅:http://www.softwhy.com/jquery/