在Web開發中,表格的輸出是十分常見和必要的。但是有時候我們需要改變表格的列順序,jQuery是一個方便簡單的工具,可以輕松實現這個功能。
首先,我們需要將表格列的數據存儲到一個數組中。代碼如下:
接下來,我們可以通過調整數組中元素的位置,來實現表格列順序的改變。例如,我們想要將第二列和第三列交換,代碼如下:
最后,我們需要將新的列順序重新生成表格。代碼如下:
以上代碼實現了簡單的表格列順序調整。我們可以根據需要,自由拓展和完善這個代碼,實現更復雜的表格操作。
首先,我們需要將表格列的數據存儲到一個數組中。代碼如下:
var arr = []; $('tr').each(function(){ var tdData = []; $('td', this).each(function(){ tdData.push($(this).html()); }); arr.push(tdData); });
接下來,我們可以通過調整數組中元素的位置,來實現表格列順序的改變。例如,我們想要將第二列和第三列交換,代碼如下:
for(var i=0; i<arr.length; i++){ var temp = arr[i][1]; arr[i][1] = arr[i][2]; arr[i][2] = temp; }
最后,我們需要將新的列順序重新生成表格。代碼如下:
$('table').empty(); for(var i=0; i<arr.length; i++){ var newRow = document.createElement('tr'); for(var j=0; j<arr[i].length; j++){ var newCell = document.createElement('td'); newCell.innerHTML = arr[i][j]; newRow.appendChild(newCell); } $('table').append(newRow); }
以上代碼實現了簡單的表格列順序調整。我們可以根據需要,自由拓展和完善這個代碼,實現更復雜的表格操作。
上一篇jquery調用全局變量
下一篇css怎么添加超鏈接