Heim >Web-Frontend >js-Tutorial >Nutzungsanalyse von index() in jQuery_jquery

Nutzungsanalyse von index() in jQuery_jquery

WBOY
WBOYOriginal
2016-05-16 16:36:561341Durchsuche

In diesem Artikel wird die Verwendung von index() in jQuery anhand von Beispielen erläutert. Teilen Sie es als Referenz mit allen. Die spezifische Methode ist wie folgt:

Jetzt gibt es eine Frage: Wenn die Liste N Listenelemente enthält, möchte ich wissen, auf welches ich geklickt habe und wie ich es abrufen kann?

Hierfür stellt jQuery eine index()-Methode bereit:

index(subject)

Diese Methode sucht nach Elementen, die mit dem durch den Parameter dargestellten Objekt übereinstimmen, und gibt den Indexwert des entsprechenden Elements zurück.

Wenn ein passendes Element gefunden wird, beginnt die Rückgabe bei 0; wenn kein passendes Element gefunden wird, wird -1 zurückgegeben.

Aber die in der API bereitgestellten Beispiele scheinen falsch zu sein. Die Beispiele lauten wie folgt:

<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> 

Wie oben gezeigt, handelt es sich um eine ungeordnete Liste. Was passiert, wenn ich auf ein beliebiges Listenelement klicken und die Reihenfolge des Elements abrufen möchte?

Die Implementierungsmethode ist wie folgt:

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

Hier:

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

Sehr wichtig!

Stellungnahme:
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