Heim > Web-Frontend > js-Tutorial > Ausführliche Erläuterung der Instanz der Methode jquery zum Abrufen des Elements index()

Ausführliche Erläuterung der Instanz der Methode jquery zum Abrufen des Elements index()

伊谢尔伦
Freigeben: 2017-06-19 15:11:46
Original
1616 Leute haben es durchsucht

Die index()-Methode von jquery sucht nach übereinstimmenden Elementen und gibt den Indexwert des entsprechenden Elements zurück, beginnend bei 0.
Wenn keine Parameter an die .index()-Methode übergeben werden, ist der Rückgabewert die Position des ersten Elements in der jQuery-Objekt-Auflistung relativ zu seinen Geschwisterelementen.
Wenn der Parameter ein Satz von DOM-Elementen oder jQuery-Objekten ist, ist der Rückgabewert die Position des übergebenen Elements relativ zum ursprünglichen Satz.
Wenn der Parameter ein Selektor ist, ist der Rückgabewert die Position des ursprünglichen Elements relativ zu dem Element, mit dem der Selektor übereinstimmt. Wenn kein passendes Element gefunden wird, wird -1 zurückgegeben.

Der Beispielcode lautet wie folgt:

<ul> 
<li id="foo">foo</li> 
<li id="bar">bar</li> 
<li id="baz">baz</li> 
</ul> 
$(&#39;li&#39;).index(document.getElementById(&#39;bar&#39;)); //1,传递一个DOM对象,返回这个对象在原先集合中的索引位置 
$(&#39;li&#39;).index($(&#39;#bar&#39;)); //1,传递一个jQuery对象 
$(&#39;li&#39;).index($(&#39;li:gt(0)&#39;)); //1,传递一组jQuery对象,返回这个对象中第一个元素在原先集合中的索引位置 
$(&#39;#bar&#39;).index(&#39;li&#39;); //1,传递一个选择器,返回#bar在所有li中的做引位置 
$(&#39;#bar&#39;).index(); //1,不传递参数,返回这个元素在同辈中的索引位置。
Nach dem Login kopieren

jquery zum Abrufen des Elementindexwerts index()-Beispiel

für die Verknüpfung der zweiten oder dritten Ebene

<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; 
});
Nach dem Login kopieren
<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>
Nach dem Login kopieren

Das obige ist der detaillierte Inhalt vonAusführliche Erläuterung der Instanz der Methode jquery zum Abrufen des Elements index(). Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Verwandte Etiketten:
Quelle:php.cn
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage