jQuery獲取元素前面所有兄弟元素

antzone發表於2017-03-08
jQuery

本章節介紹一下如何獲取指定元素的所有前面的兄弟元素。

程式碼例項如下:

[HTML] 純文字檢視 複製程式碼執行程式碼
<!DOCTYPE html>
<html>
<head>
<meta charset=" utf-8">
<meta name="author" content="http://www.softwhy.com/" />
<title>螞蟻部落</title>
<script src="http://code.jquery.com/jquery-latest.js"></script>
<script> 
$(function(){ 
  $("#antzone").prevAll().css("color","red");  
}); 
</script>
</head>
<body>
<ul>
  <li>螞蟻部落一</li>
  <li>螞蟻部落二</li>
  <li id="antzone">螞蟻部落三</li>
  <li>螞蟻部落四</li>
</ul>
</body>
</html>

程式碼可以獲取第三個li元素的前面的兩個兄弟li元素，並設定字型顏色。

相關閱讀:

（1）.prevAll()參閱jQuery prevAll()一章節。 

（2）.css()參閱jQuery css()一章節。  

相關文章