Heim >Web-Frontend >js-Tutorial >Nutzungsanalyse von index() in jQuery_jquery
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!