jQuery siblings() Method

The siblings() method returns all sibling elements of the selected element.

(siblings() 메서드는 선택한 요소의 모든 형제 요소를 반환합니다.)

 

 

html

<div class="layout">
	<ul>
		<li>jQuery siblings() Method</li>
		<li>jQuery siblings() Method</li>
		<li class="li_start">jQuery siblings() Method</li>
		<li>jQuery siblings() Method</li>
		<li>jQuery siblings() Method</li>
	</ul>   
</div>

 

css

.layout {
	border:1px solid #dddddd;
	width:100%;
}
ul {
	list-style:none;
	padding:0 10px;
	margin:0;
}
li {
	margin:10px 0;
	padding:5px;
	border:1px solid #ddd;
	text-align:center;
}
.color {
	color:red;
	font-size:1.5em;
	font-weight:bold;
}
.border {
	border-color:red;
}

 

jquery

$( 'li.li_start' ).siblings().addClass('color');
$( 'li.li_start' ).siblings().eq(2).addClass('border');

 

Result(결과)