首頁 > web前端 > 前端問答 > jquery怎麼刪除表頭以外的其他行

jquery怎麼刪除表頭以外的其他行

青灯夜游
發布: 2022-05-26 15:08:38
原創
2302 人瀏覽過

刪除方法:1、利用“:not()”和“:first”選擇器選取表頭以外的其他行,語法“$("tr:not(:first)")”,會傳回一個包含元素的jq物件;2、用remove()刪除選取的全部元素,語法「被選元素物件.remove()」。

jquery怎麼刪除表頭以外的其他行

本教學操作環境:windows7系統、jquery1.10.2版本、Dell G3電腦。

jquery刪除除表頭外的其他行的方法

#在表格中,表頭指的是表格的第一行,即第一個tr元素的內容。

jquery刪除表頭以外的其他行,就是刪除除第一行外的tr元素。

好了,分析了刪除思想,下面我們來具體看看,以下面表格為例

<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>
登入後複製

jquery怎麼刪除表頭以外的其他行

刪除步驟:

1、利用:not():first選擇器選取表頭以外的其他行

$("tr:not(:first)")
登入後複製

tr:first可以選取第一個tr元素,加了一個:not()選擇器則會選取第一行外的tr元素

範例:

$("tr:not(:first)").css("background","red");
登入後複製

jquery怎麼刪除表頭以外的其他行

2、使用remove()刪除選取的全部元素

被选元素对象.remove()
登入後複製

完整範例:



	
		
		
		<script>
			$(document).ready(function() {
				$("button").on("click", function() {
					$(&quot;tr:not(:first)&quot;).remove();
				});
			});
		</script>
	
商品 价格
T恤 ¥100
牛仔褂 ¥250
牛仔库 ¥150

登入後複製

jquery怎麼刪除表頭以外的其他行

【推薦學習:jQuery影片教學web前端影片

以上是jquery怎麼刪除表頭以外的其他行的詳細內容。更多資訊請關注PHP中文網其他相關文章!

相關標籤:
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板