在使用jQuery編寫頁面時,獲取表格中的數(shù)據(jù)非常常見,而通常我們會使用
$('input[type="button"]').click(function() { // 獲取table中選中的行的數(shù)據(jù) var tr = $(this).closest('tr'); var data = tr.find('td:not(:last-child)').map(function() { return $(this).text(); }).get(); console.log(data); });
在以上代碼中,我們首先選擇頁面中的所有button元素,并綁定了它們的click事件。當用戶點擊按鈕時,代碼會遍歷它所在的tr元素,然后獲取該行的所有數(shù)據(jù)。
具體來說,我們首先使用closest方法來獲取最接近button元素的tr元素。接下來,我們調(diào)用了tr元素的find方法,來找到它包含的所有td元素,除了最后一個。在這里,我們使用了:not(:last-child)偽類,忽略了tr元素內(nèi)最后一個td元素。最后,我們遍歷td元素數(shù)組,并調(diào)用它們的text方法來獲取元素內(nèi)的文本。
最終,我們使用get方法將所有文本值存儲到一個數(shù)組中,并使用console.log將該數(shù)組輸出到控制臺,以便進行調(diào)試和測試。