在jQuery中,我們可以使用以下方法遍歷表格中的每一個td元素,并獲取它們的值:
$('table tr').each(function() { // 遍歷每一行tr $(this).find('td').each(function() { // 遍歷每個td元素 var value = $(this).text(); // 獲取td的文本值 // 在這里可以對獲取的值進行操作或保存 }); });
這段代碼首先通過選擇器選中所有的tr元素,然后通過each方法遍歷每一個tr,再通過find方法選中每一個tr中的所有td元素,最后再次使用each方法遍歷每個td元素,并使用text方法獲取其文本值。
在獲取到td的文本值后,我們可以對其進行各種操作,比如將值保存到一個數組中:
var values = []; $('table tr').each(function() { $(this).find('td').each(function() { var value = $(this).text(); values.push(value); // 將值保存到數組中 }); }); console.log(values);
上面的代碼會將每個td元素的文本值依次保存到一個數組中,并在控制臺中輸出該數組。
除了使用each方法遍歷元素,我們還可以使用jQuery提供的其他方法來獲取表格中的td值,比如:
$('table td').each(function() { var value = $(this).text(); console.log(value); }); var values = $('table td').map(function() { return $(this).text(); }).get(); console.log(values);
以上代碼中,第一個例子使用了更簡單的選擇器選中所有的td元素,并使用each方法遍歷每個元素并獲取其文本值。第二個例子使用了map方法將td元素轉換為一個數組,并使用get方法返回該數組。