[jQuery] siblings

siblings : 자신을 제외한 형제 요소들을 찾는 함수이다

매개변수

엘리먼트를 선택할 셀렉터 표현식

예제

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Insert title here</title>
<style type="text/css">
	div, span{
		width: 100px;
		height: 100px;
		margin: 10px;
		float: left;
		border : 2px solid green;
	}
	.pink{
		background: pink;
	}
</style>
<script src = "../js/jquery.js" type="text/javascript"></script>
<script type="text/javascript">
	$(document).ready(function(){
		$('button').click(function(){
			
			$('span').siblings().addClass('pink');
		})
	})
</script>
</head>
<body>
	<p>
		<button>형제 엘리먼트에 스타일 입히기</button>
	</p>
	<div  id="first" >1_first</div> 
	
	<span id="second" class="middle"> 2_sibling
		<div id="child">child</div>
	</span>
	<div id="third" class="middle">3_sibling</div>
	<span id="fourth" class="middle">4_sibling</span>
	<span id="fifth" class="middle">5_sibling</span>

	<div id="sixth">6_last</div>
</body>
</html>