Heim >Datenbank >MySQL-Tutorial >jQuery-Methode zum Betreiben des N-ten Elements

jQuery-Methode zum Betreiben des N-ten Elements

小云云
小云云Original
2017-11-21 14:11:352008Durchsuche

jQuery ist eine browserübergreifende JavaScript-Bibliothek, die Operationen zwischen HTML und JavaScript vereinfacht. Die erste Version wurde im Januar 2006 von John Resig im BarCamp NYC veröffentlicht. Es wird derzeit von einem Entwicklungsteam unter der Leitung von Dave Methvin entwickelt. Unter den 10.000 meistbesuchten Websites der Welt verwenden 59 % jQuery, die derzeit beliebteste JavaScript-Bibliothek. In diesem Artikel erklären wir einen kleinen Trick, wie jQuery das N-te Element derselben Gruppe von Elementen verwaltet.

Zum Beispiel:

Es gibt 3 uls unter class="phpernote". Jetzt möchte ich class="com" zum fünften li-Element unter jedem ul hinzufügen

Spezifischer jQuery-Code:

 $(".phpernote ul li:nth-child(5)").addClass("com");

Klasse com wurde erfolgreich zum fünften Li unter jedem ul hinzugefügt

Natürlich können Sie CSS-Code auch direkt hinzufügen:

$(".phpernote ul li:nth-child(5)").css({"padding-right":"5px"});

nth-child: Die Abkürzung im Englischen, n-th, gibt an, welche Zahl, 1, 2 und 3, durch die Wörter „first“, „second“ und „dritte“ dargestellt wird. Ab 4 ist es das Wort +th der Zahl , wie 4., 5., 6. usw.

Erhalten Sie das erste Li unter ul

$("ul li:first-child")

Erhalten Sie das letzte Li unter ul

$("ul li:last-child")

Das Obige ist Mit der gleichen JQuery-Operation werde ich die Methode zum Gruppieren des N-ten Elements erläutern. Ich hoffe, dass sie für alle hilfreich ist.

Verwandte Empfehlungen:

Zusammenfassung der JQuery-Operation-UL-Fähigkeiten

Detaillierte Erläuterung der drei Methoden des CSS-Stils für jQuery-Bedienelemente

Web-erweiterte jQuery-Operation DOM-Elemente&&MySQL-Datensatzoperation&&PHP objektorientierte Lernnotizen

Das obige ist der detaillierte Inhalt vonjQuery-Methode zum Betreiben des N-ten Elements. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

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