Bagaimana untuk memadam baris lain kecuali pengepala jadual dengan jquery

Kaedah padam: 1. Gunakan pemilih ":not()" dan ":first" untuk memilih baris lain kecuali pengepala, sintaksnya ialah "$("tr:not(:first)")" , Objek jq yang mengandungi elemen akan dikembalikan; 2. Gunakan remove() untuk memadam semua elemen yang dipilih, sintaksnya ialah "elemen terpilih.remove()".

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

Cara memadamkan baris selain pengepala dengan jquery

Dalam jadual, pengepala merujuk kepada baris pertama jadual Satu baris, kandungan unsur tr pertama.

jquery memadamkan baris lain kecuali pengepala, iaitu memadam elemen tr kecuali baris pertama.

Baiklah, sekarang setelah kita menganalisis idea pemadaman, mari kita lihat lebih dekat, mengambil jadual berikut sebagai contoh

<table border="1">
	<tr>
		<th>商品</th>
		<th>价格</th>
	</tr>
	<tr>
		<td>T恤</td>
		<td>￥100</td>
	</tr>
	<tr>
		<td>牛仔褂</td>
		<td>￥250</td>
	</tr>
	<tr>
		<td>牛仔库</td>
		<td>￥150</td>
	</tr>
</table><br>

Langkah pemadaman:

1 Gunakan pemilih :not() dan :first untuk memilih baris lain kecuali pengepala

$("tr:not(:first)")

tr:first boleh memilih elemen tr baris pertama, menambahkan pemilih :not() akan memilih elemen tr

di luar baris pertama Contoh:

$("tr:not(:first)").css("background","red");

2 Gunakan remove() untuk memadam semua elemen yang dipilih

被选元素对象.remove()

Contoh penuh:

	
		
		
		<script>
			$(document).ready(function() {
				$("button").on("click", function() {
					$(&quot;tr:not(:first)&quot;).remove();
				});
			});
		</script>
	

	
		

			

				
商品
				
价格
			
			

				
T恤
				
￥100
			
			

				
牛仔褂
				
￥250
			
			

				
牛仔库
				
￥150
			
		


		删除除表头外的其他行
	

[Pembelajaran yang disyorkan: tutorial video jQuery, video bahagian hadapan web]

Atas ialah kandungan terperinci Bagaimana untuk memadam baris lain kecuali pengepala jadual dengan jquery. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!