Bagaimana untuk mendapatkan elemen anak pertama dengan kaedah cari jquery-Soal Jawab bahagian hadapan-php.cn

Bagaimana untuk mendapatkan elemen anak pertama dengan kaedah cari jquery

青灯夜游

Lepaskan： 2022-08-15 17:16:13

asal

6153 orang telah melayarinya

Dua kaedah pemerolehan: 1. Mula-mula gunakan find() untuk mendapatkan semua elemen anak, dan kemudian gunakan pemilih ":first-child" untuk menapis set hasil dan mengembalikan elemen anak pertama Sintaks "$ (elemen induk ).find(":first-child""; 2. Mula-mula gunakan find() untuk mendapatkan semua elemen anak, kemudian gunakan eq() untuk menapis set hasil dan mengembalikan elemen anak pertama, sintaksnya ialah " "$(elemen induk). cari("*").eq(0)".

Bagaimana untuk mendapatkan elemen anak pertama dengan kaedah cari jquery

Persekitaran pengendalian tutorial ini: sistem windows7, jquery3. Versi 6.0, komputer Dell G3.

Dalam jquery, kaedah find() boleh mendapatkan semua elemen anak

kaedah find(): dapatkan semua elemen subset di bawah elemen

<. kaedah>

find() mengembalikan unsur keturunan unsur yang dipilih (keturunan ialah anak, cucu, cicit dan sebagainya.)
DOM pokok: Kaedah melintasi turunan unsur DOM sehingga semua laluan turunan terakhir (). elemen kanak-kanak? Elemen yang diperoleh melalui kaedah cari perlu ditapis dan elemen pertama boleh dikembalikan >

untuk mendapatkan semua elemen anak. di bawah nod induk yang ditentukan

Gunakan: anak pertama untuk memilih elemen pertama dalam koleksi elemen anak, iaitu elemen anak pertama

Contoh:

:first-child

Kaedah 2: Gunakan find() dengan kaedah eq()
find() untuk mendapatkan semua elemen anak yang ditentukan di bawah nod induk

gunakan eq(0) untuk memilih elemen pertama dalam set elemen anak, iaitu yang pertama elemen kanak-kanak

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<script src="js/jquery-3.6.0.min.js"></script>
		<script>
			$(function() {
				$("button").click(function() {
					$("ul").find(":first-child").css("color", "red");
				})
			})
		</script>
	</head>
	<body>
		<ul style="border: 1px solid red;">
			<li>香蕉</li>
			<li>苹果</li>
			<li>梨子</li>
			<li>橘子</li>
		</ul>
		<button>父元素ul的第一个子元素</button>
	</body>
</html>

Salin selepas log masuk

Bagaimana untuk mendapatkan elemen anak pertama dengan kaedah cari jquery Berdasarkan contoh di atas, ubah suai:

Penjelasan :

mengembalikan unsur turunan unsur yang dipilih

< tr class="firstRow">< tr>

Parameter	Penerangan
penapis	Diperlukan. Ungkapan pemilih, elemen atau objek jQuery yang menapis turunan carian. $(function() { $("button").click(function() { $("ul").find("*").eq(0).css("color", "green"); }) }) Salin selepas log masuk Nota: Untuk mengembalikan berbilang keturunan, pisahkan setiap ungkapan dengan koma.

Parameter

Penerangan

penapis

Diperlukan. Ungkapan pemilih, elemen atau objek jQuery yang menapis turunan carian.

$(function() {
	$("button").click(function() {
		$("ul").find("*").eq(0).css("color", "green");
	})
})

Salin selepas log masuk

Nota: Bagaimana untuk mendapatkan elemen anak pertama dengan kaedah cari jquery Untuk mengembalikan berbilang keturunan, pisahkan setiap ungkapan dengan koma.

Pemilih memilih elemen anak pertama yang dimiliki oleh elemen induknya. kaedah eq()

mengembalikan elemen dengan nombor indeks yang ditentukan bagi elemen yang dipilih.

Indeks bermula dengan 0, jadi indeks elemen pertama ialah 0 (bukan 1).

Parameter Penerangan

indeks

Diperlukan. Menentukan indeks unsur. Boleh menjadi nombor integer atau negatif.

$(selector).find(filter)

Salin selepas log masuk

参数	描述
filter	必需。过滤搜索后代条件的选择器表达式、元素或 jQuery 对象。注意：如需返回多个后代，请使用逗号分隔每个表达式。

Nota: :first-childMenggunakan nombor negatif akan mengira indeks dari hujung elemen yang dipilih.

[Pembelajaran yang disyorkan:

$(":first-child")

Salin selepas log masuk

tutorial video jQuery

, video bahagian hadapan web]

Atas ialah kandungan terperinci Bagaimana untuk mendapatkan elemen anak pertama dengan kaedah cari jquery. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!