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

• 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

.

$("h2").next()

Langkah 2. Dapatkan nilai Kandungan nod yang dipilih

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

	
		
		
		
		
	

	
		
div (父)
			
p（兄弟元素）
			span（兄弟元素）
			
h2（本元素）
			
h3（兄弟元素）
			
p（兄弟元素）
		
		获取兄弟节点的内容值
	

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

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

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!