Rumah > hujung hadapan web > Soal Jawab bahagian hadapan > Bagaimana untuk mencari nilai kandungan nod saudara dalam jquery

Bagaimana untuk mencari nilai kandungan nod saudara dalam jquery

青灯夜游
Lepaskan: 2022-08-15 18:13:04
asal
1973 orang telah melayarinya

Langkah pelaksanaan: 1. Gunakan fungsi yang merentasi nod adik-beradik (adik-beradik(), seterusnya(), dsb.) untuk mendapatkan nod adik-beradik bagi elemen yang ditentukan Sintaksnya ialah "specify element. Specify traversal function "; 2. Gunakan text() Atau gunakan fungsi html() untuk mendapatkan nilai kandungan nod yang dipilih, sintaksnya ialah "sibling node.text()" atau "sibling node.html()".

Bagaimana untuk mencari nilai kandungan nod saudara dalam jquery

Persekitaran pengendalian tutorial ini: sistem Windows 7, versi jquery 3.6.0, komputer Dell G3.

jquery mencari nilai kandungan nod adik beradik Anda boleh melihat dua bahagian:

  • Cari nod adik beradik

  • Dapatkan nilai kandungan nod yang dipilih

Langkah 1. Cari nod adik beradik

jquery menyediakan pelbagai cara untuk mendapatkan nod adik beradik Secara amnya terdapat tujuh fungsi:

  • kaedah adik beradik(), yang digunakan terutamanya untuk mendapatkan semua elemen adik beradik pada tahap yang sama bagi elemen yang ditentukan

  • kaedah () seterusnya, terutamanya digunakan untuk mendapatkan elemen adik beradik seterusnya bagi elemen yang ditentukan

  • kaedah nextAll(), terutamanya digunakan untuk mendapatkan semua elemen adik beradik unsur adik beradik seterusnya daripada elemen yang ditentukan

  • kaedah nextUntil() digunakan terutamanya untuk mendapatkan elemen adik beradik seterusnya bagi elemen yang ditentukan ini mestilah elemen antara elemen yang ditentukan dan elemen yang ditetapkan oleh kaedah nextUntil()

  • kaedah prev(), terutamanya digunakan untuk mendapatkan elemen adik beradik peringkat atas bagi elemen yang ditentukan

  • prevAll() kaedah, terutamanya digunakan untuk mendapatkan tahap atas elemen yang ditentukan Semua elemen adik beradik

  • kaedah prevUntil() digunakan terutamanya untuk mendapatkan elemen adik beradik sebelumnya bagi elemen yang ditentukan ini mesti berada di antara elemen yang ditentukan dan elemen yang ditetapkan oleh kaedah prevUntil() Elemen

Contoh: Gunakan next() untuk mendapatkan nod adik beradik seterusnya bagi elemen yang dipilih h2

.

$("h2").next()
Salin selepas log masuk

Langkah 2. Dapatkan nilai Kandungan nod yang dipilih

  • Gunakan kaedah text() untuk menetapkan kandungan teks nod yang dipilih

Contoh 1: Dapatkan nod adik beradik seterusnya Nilai kandungan



	
		
		
		
		
	
	
		
div (父)

p(兄弟元素)

span(兄弟元素)

h2(本元素)

h3(兄弟元素)

p(兄弟元素)

Salin selepas log masuk

Bagaimana untuk mencari nilai kandungan nod saudara dalam jquery

Contoh 2: Dapatkan nilai kandungan semua nod adik beradik

$(document).ready(function() {
	$("button").click(function() {
		$("h2").siblings().css("color","red");
		var con=$("h2").siblings().text();
		console.log(con);
	});
});
Salin selepas log masuk

Bagaimana untuk mencari nilai kandungan nod saudara dalam jquery

  • Gunakan html() untuk menetapkan kandungan nod yang dipilih (innerHTML)

Contoh: Dapatkan nilai kandungan nod adik beradik sebelumnya

$(document).ready(function() {
	$("button").click(function() {
		$("h2").next().css("color","red");
		var con=$("h2").next().html();
		console.log(con);
	});
});
Salin selepas log masuk

Bagaimana untuk mencari nilai kandungan nod saudara dalam jquery

[Pembelajaran yang disyorkan:

tutorial video jQuery, bahagian hadapan web video]

Atas ialah kandungan terperinci Bagaimana untuk mencari nilai kandungan nod saudara dalam jquery. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

Label berkaitan:
sumber:php.cn
Kenyataan Laman Web ini
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
Tutorial Popular
Lagi>
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan