色婷婷狠狠18禁久久YY,CHINESE性内射高清国产,国产女人18毛片水真多1,国产AV在线观看

jquery調整表格列順序

趙秋慧1年前6瀏覽0評論
在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);
}

以上代碼實現了簡單的表格列順序調整。我們可以根據需要,自由拓展和完善這個代碼,實現更復雜的表格操作。