So fragen Sie das letzte untergeordnete Element mit jquery ab

青灯夜游
Freigeben: 2022-05-13 18:29:14
Original
9305 Leute haben es durchsucht

Zwei Methoden: 1. Verwenden Sie die Selektoren „children()“ und „:last-child“, Syntax „$(parent element).children(“:last-child“)“. 2. Verwenden Sie children() und eq(), die Syntax lautet „$(parent element).children().eq(-1)“.

So fragen Sie das letzte untergeordnete Element mit jquery ab

Die Betriebsumgebung dieses Tutorials: Windows7-System, jquery1.10.2-Version, Dell G3-Computer.

Zwei Möglichkeiten, das letzte untergeordnete Element mit jquery abzufragen

Methode 1: Verwenden Sie den children():last-childselector

  • Verwenden Sie children(), um alle direkten untergeordneten Elemente unter dem angegebenen übergeordneten Knoten abzurufen

  • Verwenden Sie :last-child, um das letzte Element in der Sammlung untergeordneter Elemente auszuwählen, d

    Verwenden Sie children( ), um alle direkten untergeordneten Elemente unter dem angegebenen übergeordneten Knoten abzurufen.

Verwenden Sie Gleichung (-1), um das letzte Element im untergeordneten Elementsatz auszuwählen, d Ändern Sie das obige Beispiel:

So fragen Sie das letzte untergeordnete Element mit jquery ab

<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
		<script src="js/jquery-1.10.2.min.js"></script>
		<script>
			$(function () {
            $("button").click(function () {
				$("ul").children(":last-child").css("color","red");
            })
        })
    </script>
	</head>
	<body>
		<ul>
			<li>香蕉</li>
			<li>苹果</li>
			<li>梨子</li>
			<li>橘子</li>
		</ul>
		<button>父元素ul的最后一个子元素</button>
	</body>
</html>
Nach dem Login kopieren

【Empfohlenes Lernen:

jQuery-Video-Tutorial
    ,
  • Web-Front-End-Video

Das obige ist der detaillierte Inhalt vonSo fragen Sie das letzte untergeordnete Element mit jquery ab. 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