요소 index() 메서드 인스턴스를 가져오는 jquery에 대한 자세한 설명
- 伊谢尔伦원래의
- 2017-06-19 15:11:461607검색
jquery의 index() 메소드는 일치하는 요소를 검색하고 해당 요소의 인덱스 값을 0부터 계산하여 반환합니다.
.index() 메서드에 매개변수가 전달되지 않으면 반환 값은 형제 요소를 기준으로 이 jQueryobject 컬렉션의 첫 번째 요소 위치입니다.
매개변수가 DOM 요소 또는 jQuery 객체 세트인 경우 반환 값은 원래 세트를 기준으로 전달된 요소의 위치입니다.
매개변수가 선택자인 경우 반환 값은 선택기와 일치하는 요소를 기준으로 한 원래 요소의 위치입니다. 일치하는 요소가 없으면 -1이 반환됩니다.
예제 코드는 다음과 같습니다.
<ul> <li id="foo">foo</li> <li id="bar">bar</li> <li id="baz">baz</li> </ul> $('li').index(document.getElementById('bar')); //1，传递一个DOM对象，返回这个对象在原先集合中的索引位置 $('li').index($('#bar')); //1，传递一个jQuery对象 $('li').index($('li:gt(0)')); //1，传递一组jQuery对象，返回这个对象中第一个元素在原先集合中的索引位置 $('#bar').index('li'); //1，传递一个选择器，返回#bar在所有li中的做引位置 $('#bar').index(); //1，不传递参数，返回这个元素在同辈中的索引位置。
jquery를 사용하여 요소 인덱스 값 index() 예를 가져옵니다.
두 번째 또는 세 번째 수준 연결의 경우
<div id="nav">
<a href="#">建站素材</a>
<a href="#">jquery特效</a>
<a href="#">懒人主机</a>
<a href="#">前端路上</a>
</div>
$("#nav a").click(function(){
//四个经典的用法
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;
});<html>
<head>
<script type="text/javascript" src="http://lib.sinaapp.com/js/jquery/1.8.2/jquery.min.js"></script>
<script type="text/javascript">
$(document).ready(function(){
$("button").click(function(){
alert($(".hot").index($("#favorite")));
});
});
</script>
</head>
<body>
请点击下面的按钮，以获得 id="favorite" 的元素相对于 jQuery 选择器 (class="hot") 的 index：
<button>获得 index</button>
<ul>
<li>Milk</li>
<li class="hot">Tea</li>
<li class="hot" id="favorite">Coffee</li>
</ul>
</body>
</html>위 내용은 요소 index() 메서드 인스턴스를 가져오는 jquery에 대한 자세한 설명의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!
성명：
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.