[jQuery] index() - 클릭한 요소가 몇번째 인자(eq)인지 알아내기

selectBox 안의 option태그나 ul안의 li태그가 여러개 있을때 한 요소를 선택했을때 jQuery를 사용하여 그 선택자가 몇번째 인자인지 어떻게 알 수 있을까?

--> index() 메소드를 사용하면 된다.

 

예시))

 

<ul>
    <li>첫번째</li>
    <li>두번째</li>
    <li>세번째</li>
<ul>

var index = $('li:first').index();	// var는 1(li 중 첫번째 요소)

 

+

순서와 관련된 필터(filter)

:eq(n) n번째 요소 

:first 첫번째 요소

:last 마지막 요소

:even 짝수번째 요소

:odd 홀수번째 요소

 

예시))

$('li:first) - li 요소 중 첫번째 

<select>
    <option>첫번째</option>
    <option>두번째</option>
    <option>세번째</option>
</select>

$('select option:eq(2)')	//두번째 option 선택
$('select option:even')		//짝수번재 option 선택