jQuery_jquery의 index() 사용 분석

이 글에서는 jQuery의 index() 사용법을 예시와 함께 설명합니다. 참고할 수 있도록 모든 사람과 공유하세요. 구체적인 방법은 다음과 같습니다.

이제 질문이 있습니다. 목록에 N개의 목록 항목이 있는 경우 어떤 항목을 클릭했는지, 어떻게 검색하는지 알고 싶습니다.

이를 위해 jQuery는 index() 메서드를 제공합니다.

index(subject)

매개변수가 나타내는 객체와 일치하는 요소를 검색하여 해당 요소의 인덱스 값을 반환하는 메소드입니다.

일치하는 요소가 발견되면 반환은 0부터 시작하고, 일치하는 요소가 발견되지 않으면 -1이 반환됩니다.

그런데 API에서 제공하는 예시가 잘못된 것 같습니다.

<ul>
  <li><a href="#nogo">这里是一个序列</a></li>
  <li><a href="#nogo">这里是一个序列</a></li>
  <li><a href="#nogo">这里是一个序列</a></li>
  <li><a href="#nogo">这里是一个序列</a></li>
  <li><a href="#nogo">这里是一个序列</a></li>
  <li><a href="#nogo">这里是一个序列</a></li>
</ul> 

위에 표시된 것처럼 이것은 순서가 지정되지 않은 목록입니다. 목록 항목을 클릭하여 항목의 순서를 얻으려면 어떻게 해야 합니까?

구현 방법은 다음과 같습니다.

$(document).ready(function(){ 
$("#act li").click(function(){
  alert( $( "#act li" ).index( $(this)[0] ) );
  })
}) 

여기:

$( "#act li" ).index( $(this)[0] )

매우 중요합니다!