jQuery是一種廣泛使用的JavaScript庫,可以方便地操作HTML文檔和事件。當我們處理表格時,經常需要獲取當前行的數據。下面介紹一下如何使用jQuery獲得當前表格行的方法。
$(document).ready(function() { $('table tr').click(function() { var index = $(this).index(); var td1 = $('table tr:eq(' + index + ') td:eq(0)').text(); var td2 = $('table tr:eq(' + index + ') td:eq(1)').text(); var td3 = $('table tr:eq(' + index + ') td:eq(2)').text(); console.log("第" + (index+1) + "行數據:" + td1 + " " + td2 + " " + td3); }); });
代碼解析:
第1-3行:代碼放在$(document).ready()函數中,確保頁面加載完畢再運行。
第2行:當表格行被點擊時觸發函數。
第3行:使用index()函數獲取當前行的下標。
第4-6行:通過eq()函數獲取當前行的每個單元格(td)的內容。
第7行:在控制臺輸出當前行的數據。
使用以上代碼,可以輕松獲取當前表格行的數據,進行后續處理。