jQuery如何獲取當前元素的兄弟元素

admin發表於2017-02-28
jQuery
在實際應用中，有時候要獲得當前元素的兄弟元素，下面就通過一段例項程式碼簡單介紹一下如何獲取當前元素的兄弟元素。

例項程式碼如下:

[HTML] 純文字檢視 複製程式碼
<!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>

相關文章