Heim > Web-Frontend > js-Tutorial > So wählen Sie das erste untergeordnete Element in jquery aus

So wählen Sie das erste untergeordnete Element in jquery aus

青灯夜游
Freigeben: 2021-11-19 14:42:39
Original
6305 Leute haben es durchsucht

So wählen Sie die Anzahl der untergeordneten Elemente in jquery aus: 1. Verwenden Sie die Methode children(), um alle direkten untergeordneten Elemente des angegebenen Elements abzurufen. Die Syntax lautet „$(„angegebenes Element“).children()“ 2 . Verwenden Sie die Methode eq() gemäß: Die Indexnummer wählt das untergeordnete Element aus. Die Syntax lautet „untergeordnetes Element.eq(index)“.

So wählen Sie das erste untergeordnete Element in jquery aus

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

jquery wählt das untergeordnete Element aus.

In jquery können Sie die Methode „children()+eq()“ verwenden, um das untergeordnete Element auszuwählen. Die Methode „children()“ gibt alle direkten Elemente des ausgewählten untergeordneten Elements zurück Element. Die Methode

  • eq() gibt das Element mit der angegebenen Indexnummer des ausgewählten Elements zurück. Indexnummern beginnen mit 0, daher ist die Indexnummer des ersten Elements 0 (nicht 1).

  • <!DOCTYPE html>
    <html>
    	<head>
    		<meta charset="utf-8">
    		<script src="js/jquery-1.10.2.min.js"></script>
    		<script>
    			$(document).ready(function(){
    			  $("button").click(function(){
    				$("div").children().eq(1).css("background-color","yellow");
    			  });
    			});
    		</script>
    	</head>
    	<body>
    
    		<div>
    			<p>这是 div 元素中的段落。</p>
    			<p>这是 div 元素中的段落。</p>
    			<p>这是 div 元素中的段落。</p>
    		</div>
    		<button>选择div元素的第2个子元素</button>
    
    	</body>
    </html>
    Nach dem Login kopieren

Empfohlene verwandte Video-Tutorials:

jQuery-TutorialSo wählen Sie das erste untergeordnete Element in jquery aus (Video)

Das obige ist der detaillierte Inhalt vonSo wählen Sie das erste untergeordnete Element in jquery aus. 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