jquery에서 index() 메서드는 지정된 다른 요소를 기준으로 지정된 요소의 인덱스 위치를 반환하거나 선택기를 기준으로 요소의 인덱스 위치를 얻는 데 사용됩니다. 구문은 "$(selector)입니다. index()" 또는 "$(선택기).index(요소)".
이 튜토리얼의 운영 환경: windows10 시스템, jquery3.2.1 버전, Dell G3 컴퓨터.
index() 메서드는 지정된 다른 요소를 기준으로 지정된 요소의 인덱스 위치를 반환합니다.
이러한 요소는 jQuery 선택기 또는 DOM 요소를 통해 지정할 수 있습니다.
Query는 index() 메소드
를 제공하여 매개변수가 나타내는 객체와 일치하는 요소를 검색하고 해당 요소의 인덱스 값을 반환합니다.
일치하는 요소가 발견되면 반환은 0부터 시작하고, 일치하는 요소가 발견되지 않으면 -1이 반환됩니다.
형제 요소를 기준으로 첫 번째로 일치하는 요소의 인덱스 위치를 가져옵니다.
Syntax
$(selector).index()
선택기를 기준으로 요소의 인덱스 위치를 가져옵니다.
이 요소는 DOM 요소 또는 jQuery 선택기를 통해 지정할 수 있습니다.
문법
$(selector).index(element)
예시는 다음과 같습니다:
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>123</title> <script src="https://cdn.staticfile.org/jquery/1.10.2/jquery.min.js"> </script> <script> $(document).ready(function(){ $("button").click(function(){ alert($(".hot").index($("#favorite"))); }); }); </script> </head> <body> <p>单击按钮来获得id =“favorite”的元素的索引,相对于jQuery选择器(类=“hot”):</p> <button>获取下标</button> <ul> <li>Milk</li> <li class="hot">Tea</li> <li class="hot" id="favorite">Coffee</li> </ul> </body> </html>
출력 결과:
버튼 클릭 후:
추천 관련 비디오 튜토리얼: jQuery 비디오 튜토리얼
위 내용은 jquery에서 index() 메소드를 사용하는 방법의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!