這篇文章主要介紹“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()”。

本教程操作環(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>

刪除步驟:
1、利用:not()和:first選擇器選取除表頭外的其他行
$("tr:not(:first)")tr:first可以選取第一個(gè)tr元素,加了一個(gè):not()選擇器則會(huì)選取第一行外的tr元素
例:
$("tr:not(:first)").css("background","red");
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>
關(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)