jquery는 요소 인덱스 값 index()를 가져옵니다. example_jquery

jquery는 요소 인덱스 값 index() 메서드를 가져옵니다.

jquery의 index() 메서드는 일치하는 요소를 검색하고 해당 요소의 인덱스 값을 0부터 반환합니다.

.index() 메서드에 매개 변수가 전달되지 않으면 반환 값은 형제 요소를 기준으로 이 jQuery 개체 컬렉션의 첫 번째 요소 위치입니다.
매개변수가 DOM 요소 또는 jQuery 객체 세트인 경우 반환 값은 원래 세트를 기준으로 전달된 요소의 위치입니다.
매개변수가 선택자인 경우 반환 값은 선택기와 일치하는 요소를 기준으로 한 원래 요소의 위치입니다. 일치하는 요소가 없으면 -1이 반환됩니다.

코드 복사 코드는 다음과 같습니다.

li id= "foo">foo

• bar


• baz
🎜>< ;/ul>

$('li').index(document.getElementById('bar')); //1, DOM 객체를 전달하고 원본 컬렉션
$('li').index($('#bar')); //1, jQuery 객체 전달
$('li').index($('li:gt( 0)') ); //1, jQuery 객체 세트를 전달하고 원본 컬렉션의 객체에 있는 첫 번째 요소의 인덱스 위치를 반환합니다.
$('#bar').index('li'); //1, 모든 li에서 #bar의 인덱스 위치를 반환하는 선택기를 전달합니다.
$('#bar').index() //1, 매개변수 전달 없이 해당 요소 중 이 요소의 인덱스 위치를 반환합니다. 동료.


요소 인덱스 값을 가져오는 jquery index() 예제

코드 복사 코드는 다음과 같습니다. :

//2차 또는 3차 연결용

웹사이트 건축 자재
jquery 특수 효과
게으른 호스트
프론트엔드 도로

$("#nav a").click(function(){

//4가지 기본 사용법
var index1 = $ ( "#nav a").index(this);
var index2 = $("#nav a").index($(this))
var index3 = $(this).index()
var index3 = $(this).index("a")
alert(index3);
return false
});