JQuery 是一種流行的 JavaScript 庫,可以精簡代碼并簡化 DOM 操作。在 Web 開發中,經常需要獲取表格中的值。本文將介紹如何使用 JQuery 獲取表格中的單元格(td)的值。
$(document).ready(function(){ // 獲取表格中的某個單元格的值 var value = $("table tr:eq(1) td:eq(2)").text(); console.log(value); // 輸出單元格的值 // 遍歷表格中的每個單元格 $("table tr").each(function(row){ $(this).find("td").each(function(col){ console.log("第 " + (row+1) + " 行,第 " + (col+1) + " 列:" + $(this).text()); }); }); });
在上面的代碼中,我們首先使用 $ 函數找到表格中某個單元格的值,然后使用 text() 方法獲取單元格的文本內容。通過 console.log() 函數可以將值輸出到控制臺。在第二個例子中,我們使用 each() 函數遍歷表格中的每一行和每一列,使用 find() 方法獲取每個單元格的值并輸出。
總結來說,使用 JQuery 獲取表格中的值非常簡單,只需要使用選擇器和方法即可實現。希望這篇文章能夠幫助你更好地理解 JQuery 的基本用法。