Bagaimana untuk mencari nilai kandungan nod saudara dalam jquery

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()".

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()

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（兄弟元素）
		
		获取兄弟节点的内容值
	

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);
	});
});

• 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);
	});
});

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