jQuery是一種高效、簡潔并且易于使用的JavaScript庫,它大大簡化了HTML文檔的操作、事件處理、動畫效果等等。在使用jQuery時,如果需要獲取表格的值,可以使用以下方法:
//獲取表格行數(shù) var row_num = $("table tr").length; //獲取表格列數(shù) var col_num = $("table tr:first td").length; //獲取表格第一行第一列的值 var cell_val = $("table tr:first td:first").html(); //獲取表格某個單元格的值 var row_index = 2; var col_index = 3; var cell_val = $("table tr:eq("+row_index+") td:eq("+col_index+")").html(); //獲取表格所有行的值 var all_rows = []; $("table tr").each(function(){ var row = []; $(this).find("td").each(function(){ row.push($(this).html()); }); all_rows.push(row); }); console.log(all_rows); //獲取表格所有列的值 var all_cols = []; $("table tr").each(function(){ $(this).find("td").each(function(col_index){ if(all_cols[col_index] === undefined){ all_cols[col_index] = []; } all_cols[col_index].push($(this).html()); }); }); console.log(all_cols);
上述代碼中,$("table tr")表示選擇表格中的所有行,$("table tr:first td")表示選擇表格第一行中的所有單元格,$("table tr:eq("+row_index+") td:eq("+col_index+")")表示選擇表格中第row_index+1行、第col_index+1列的單元格。通過以上方法,我們就可以方便地獲取表格的值了。