溫馨提示×
您好，登錄后才能下訂單哦！
點擊 登錄注冊 即表示同意《億速云用戶服務條款》
您好，登錄后才能下訂單哦！
小編給大家分享一下jquery如何點擊按鈕刪除當前行，希望大家閱讀完這篇文章之后都有所收獲，下面讓我們一起去探討吧！
方法：1、給按鈕元素綁定click點擊事件，指定事件處理函數；2、在處理函數中利用“$(元素)”語句匹配元素對象；3、利用“:eq()”和remove()方法刪除當前行，語法為“元素對象.eq(位置值).remove()”。
本教程操作環境：windows7系統、jquery1.10.0版本、Dell G3電腦。
1、新建一個html文件，命名為test.html，用于講解jquery刪除table中指定行。使用table、td、tr標簽創建一個三行兩列的表格，為了展示表格效果，這里設置表格邊框為1px。
使用button標簽創建一個按鈕，按鈕名稱為“刪除table行”。給button按鈕綁定onclick點擊事件，當按鈕被點擊時，執行deltr（）函數。
2、在js標簽中，創建deltr()函數，在函數內，將編寫代碼實現刪除table表格中的指定行。
在deltr()函數，使用$符合通過元素名稱獲得tr行對象，再通過eq()方法選中指定的行，通過remove()方法實現刪除，例如，這里刪除第二行（eq(1)），代碼如下：
在瀏覽器打開test.html文件，點擊按鈕，查看實現的效果。
點擊按鈕后：
總結：
1、創建一個test.html文件。
2、在文件內，使用table、td、tr標簽創建一個三行兩列的表格，同時創建一個button按鈕，用于觸發執行js函數。
3、在js標簽內，創建函數，在函數內，使用$符合通過元素名稱獲得tr行對象，再通過eq()方法選中指定的行，通過remove()方法實現刪除。
注意事項：
eq()方法內的數字，從0開始，即0代表第一行，1代碼第二行，依此類推。
看完了這篇文章，相信你對“jquery如何點擊按鈕刪除當前行”有了一定的了解，如果想了解更多相關知識，歡迎關注億速云行業資訊頻道，感謝各位的閱讀！
免責聲明：本站發布的內容（圖片、視頻和文字）以原創、轉載和分享為主，文章觀點不代表本網站立場，如果涉及侵權請聯系站長郵箱：is@yisu.com進行舉報，并提供相關證據，一經查實，將立刻刪除涉嫌侵權內容。
