小編給大家分享一下jquery如何點擊按鈕刪除當前行,希望大家閱讀完這篇文章之后都有所收獲,下面讓我們一起去探討吧!
肥西ssl適用于網站、小程序/APP、API接口等需要進行數(shù)據傳輸應用場景,ssl證書未來市場廣闊!成為創(chuàng)新互聯(lián)的ssl證書銷售渠道,可以享受市場價格4-6折優(yōu)惠!如果有意向歡迎電話聯(lián)系或者加微信:18982081108(備注:SSL證書合作)期待與您的合作!
方法:1、給按鈕元素綁定click點擊事件,指定事件處理函數(shù);2、在處理函數(shù)中利用“$(元素)”語句匹配元素對象;3、利用“:eq()”和remove()方法刪除當前行,語法為“元素對象.eq(位置值).remove()”。
本教程操作環(huán)境:windows7系統(tǒng)、jquery1.10.0版本、Dell G3電腦。
1、新建一個html文件,命名為test.html,用于講解jquery刪除table中指定行。使用table、td、tr標簽創(chuàng)建一個三行兩列的表格,為了展示表格效果,這里設置表格邊框為1px。
使用button標簽創(chuàng)建一個按鈕,按鈕名稱為“刪除table行”。給button按鈕綁定onclick點擊事件,當按鈕被點擊時,執(zhí)行deltr()函數(shù)。
2、在js標簽中,創(chuàng)建deltr()函數(shù),在函數(shù)內,將編寫代碼實現(xiàn)刪除table表格中的指定行。
在deltr()函數(shù),使用$符合通過元素名稱獲得tr行對象,再通過eq()方法選中指定的行,通過remove()方法實現(xiàn)刪除,例如,這里刪除第二行(eq(1)),代碼如下:
在瀏覽器打開test.html文件,點擊按鈕,查看實現(xiàn)的效果。
點擊按鈕后:
總結:
1、創(chuàng)建一個test.html文件。
2、在文件內,使用table、td、tr標簽創(chuàng)建一個三行兩列的表格,同時創(chuàng)建一個button按鈕,用于觸發(fā)執(zhí)行js函數(shù)。
3、在js標簽內,創(chuàng)建函數(shù),在函數(shù)內,使用$符合通過元素名稱獲得tr行對象,再通過eq()方法選中指定的行,通過remove()方法實現(xiàn)刪除。
注意事項:
eq()方法內的數(shù)字,從0開始,即0代表第一行,1代碼第二行,依此類推。
看完了這篇文章,相信你對“jquery如何點擊按鈕刪除當前行”有了一定的了解,如果想了解更多相關知識,歡迎關注創(chuàng)新互聯(lián)行業(yè)資訊頻道,感謝各位的閱讀!
本文題目:jquery如何點擊按鈕刪除當前行
鏈接分享:http://jinyejixie.com/article24/pgihce.html
成都網站建設公司_創(chuàng)新互聯(lián),為您提供Google、網站導航、靜態(tài)網站、搜索引擎優(yōu)化、企業(yè)建站、動態(tài)網站
聲明:本網站發(fā)布的內容(圖片、視頻和文字)以用戶投稿、用戶轉載內容為主,如果涉及侵權請盡快告知,我們將會在第一時間刪除。文章觀點不代表本網站立場,如需處理請聯(lián)系客服。電話:028-86922220;郵箱:631063699@qq.com。內容未經允許不得轉載,或轉載時需注明來源: 創(chuàng)新互聯(lián)