欧美一区二区三区老妇人-欧美做爰猛烈大尺度电-99久久夜色精品国产亚洲a-亚洲福利视频一区二区

jquery如何刪除除表頭外的其他行

這篇文章主要介紹“jquery如何刪除除表頭外的其他行”的相關(guān)知識(shí),小編通過(guò)實(shí)際案例向大家展示操作過(guò)程,操作方法簡(jiǎn)單快捷,實(shí)用性強(qiáng),希望這篇“jquery如何刪除除表頭外的其他行”文章能幫助大家解決問(wèn)題。

創(chuàng)新互聯(lián)專(zhuān)注于玉山企業(yè)網(wǎng)站建設(shè),自適應(yīng)網(wǎng)站建設(shè),電子商務(wù)商城網(wǎng)站建設(shè)。玉山網(wǎng)站建設(shè)公司,為玉山等地區(qū)提供建站服務(wù)。全流程按需設(shè)計(jì),專(zhuān)業(yè)設(shè)計(jì),全程項(xiàng)目跟蹤,創(chuàng)新互聯(lián)專(zhuān)業(yè)和態(tài)度為您提供的服務(wù)

刪除方法:1、利用“:not()”和“:first”選擇器選取除表頭外的其他行,語(yǔ)法“$("tr:not(:first)")”,會(huì)返回一個(gè)包含元素的jq對(duì)象;2、用remove()刪除選取的全部元素,語(yǔ)法“被選元素對(duì)象.remove()”。

jquery如何刪除除表頭外的其他行

本教程操作環(huán)境:windows7系統(tǒng)、jquery1.10.2版本、Dell G3電腦。

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

在表格中,表頭指的是表格的第一行,即第一個(gè)tr元素的內(nèi)容。

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

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

<table border="1">
	<tr>
		<th>商品</th>
		<th>價(jià)格</th>
	</tr>
	<tr>
		<td>T恤</td>
		<td>¥100</td>
	</tr>
	<tr>
		<td>牛仔褂</td>
		<td>¥250</td>
	</tr>
	<tr>
		<td>牛仔庫(kù)</td>
		<td>¥150</td>
	</tr>
</table><br>

jquery如何刪除除表頭外的其他行

刪除步驟:

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

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

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

例:

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

jquery如何刪除除表頭外的其他行

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

被選元素對(duì)象.remove()

完整示例:

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<script src="js/jquery-1.10.2.min.js"></script>
		<script>
			$(document).ready(function() {
				$("button").on("click", function() {
					$("tr:not(:first)").remove();
				});
			});
		</script>
	</head>

	<body class="ancestors">
		<table border="1">
			<tr>
				<th>商品</th>
				<th>價(jià)格</th>
			</tr>
			<tr>
				<td>T恤</td>
				<td>¥100</td>
			</tr>
			<tr>
				<td>牛仔褂</td>
				<td>¥250</td>
			</tr>
			<tr>
				<td>牛仔庫(kù)</td>
				<td>¥150</td>
			</tr>
		</table><br>
		<button>刪除除表頭外的其他行</button>
	</body>

</html>

jquery如何刪除除表頭外的其他行

關(guān)于“jquery如何刪除除表頭外的其他行”的內(nèi)容就介紹到這里了,感謝大家的閱讀。如果想了解更多行業(yè)相關(guān)的知識(shí),可以關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道,小編每天都會(huì)為大家更新不同的知識(shí)點(diǎn)。

當(dāng)前文章:jquery如何刪除除表頭外的其他行
網(wǎng)址分享:http://chinadenli.net/article36/gsgppg.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián),為您提供網(wǎng)站維護(hù)網(wǎng)站排名建站公司服務(wù)器托管網(wǎng)站內(nèi)鏈微信公眾號(hào)

廣告

聲明:本網(wǎng)站發(fā)布的內(nèi)容(圖片、視頻和文字)以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主,如果涉及侵權(quán)請(qǐng)盡快告知,我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng),如需處理請(qǐng)聯(lián)系客服。電話:028-86922220;郵箱:631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載,或轉(zhuǎn)載時(shí)需注明來(lái)源: 創(chuàng)新互聯(lián)

營(yíng)銷(xiāo)型網(wǎng)站建設(shè)