suchen

Heim >Web-Frontend >Front-End-Fragen und Antworten >So fragen Sie das letzte untergeordnete Element mit jquery ab

So fragen Sie das letzte untergeordnete Element mit jquery ab

青灯夜游
青灯夜游Original
2022-05-13 18:29:149335Durchsuche

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>

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

jquery 选择器
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
Vorheriger Artikel：So verwenden Sie JQuery, um Text beim Klicken zu ändernNächster Artikel：So verwenden Sie JQuery, um Text beim Klicken zu ändern

In Verbindung stehende Artikel

Mehr sehen