Jquery Cookbook/1. jQuery 기초

1.9 컨텍스트를 기반으로 DOM 탐색하기

altvirus 2011. 11. 7. 11:47

<ul>

<li>link</li>

<li>link</li>

<li>link</li>

<li>link</li>

</ul>


$('li:eq(1)'); //두번째 li 선택

$('li:eq(1)').next(); //세번째 li 선택

$('li:eq(1)').prev(); //첫번째 li 선택

$('li:eq(1)').parent(); //<ul>선택

$('li:eq(1)').parent().children(); //<li> 전부 선택

$('li:eq(1)').parent().children(':last'); // 마지막<li> 선택

$('li:eq(1)').nextAll(); //두번째 li 다음의 li 전부 선택

$('li:eq(1)').prevAll(); //두번째 li 이전의 li 전부 선택

* 이것들은 선택집합을 변경시키므로 앞으로 돌아가려면 end()를 사용해야 한다.
1.7 파괴적인 변경 이전의 선택상황으로 돌아가기