<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title></title>
<script src="../js/jquery.js" type="text/javascript" charset="utf-8"></script>
<script type="text/javascript">
$(function(){
// 上一个兄弟节点
// $('#son').prev().css('background','red');
// 下个兄弟节点
// $('#son').next().css('background','blue');
// 上面所有兄弟节点
// $('#son').prevAll().css('background','red');
// 下面所有兄弟节点
// $('#son').nextAll().css('background','blue');
// 所有兄弟节点
$('#son').siblings().css('background','blue');
})
</script>
</head>
<body>
<h1>java</h1>
<div >
<p>js</p>
<ul>
<li>1</li>
<li >2</li>
<li id="son">3</li>
<li>4</li>
<li>5</li>
</ul>
</div>
</body>
</html>
网友评论