jQuery 實現tr重新排列

2021-07-05 00:24:12 字數 1115 閱讀 7898

問題分析：

1、獲取重新排列的物件
2、氣泡排序，同時交換tr位置（用for迴圈冒泡，交換位置用insertafter）
3、排序時要獲取tr中td的值和下乙個tr中td的值進行比較
（tr.eq(i).children('td').text()獲取值，轉換為int再比較）
為什麼tr[i].


children('td')獲取不到。 console.info($tr[i]==$tr.eq(i));//false
問題：$tr、


$tr[i]返回的是什麼？$tr[i].innerhtml可以，


$tr[i].first()


html結構如下：




33100


81000


1210000




**優化：


**如何優化呢？讓結構好看點，讓查詢快一點？




var $td=$tr.eq(i).children('td:eq(0)');


var $tdnext=$tr.eq(i+1).children('td:eq(0)') 


if(parseint($td.text())>parseint($tdnext.text())){


//交換位置


$tr.eq(i).insertafter($tr.eq(i+1))


//$tr沒有更新，


console.info($tr[i])//...33...


//更新$tr


var $tr=$('table tbody tr'); 


真正的優化
 
重新排列引數
重新排列引數 重新排列引數操作可以使你重新排列方法 索引器中的引數。你將方法的引數重新排列後，所有使用該方法的地方都會相應調整。以下面 為例 class person class program 將游標放置在 print 方法上使用 重新排列引數 命令，將會彈出下面對話方塊 29.16 圖29.16...


重新排列鍊錶
leetcode leetcode上有下面這樣乙個題目，比較有意思，拿來實現，權當練習基本功了 total accepted 8598 total submissions 44508 my submissions given a singly linked list l l 0 l1 l n 1 l...


重新排列陣列 1470
題目 給你乙個陣列 nums 陣列中有 2n 個元素，按 x1,x2,xn,y1,y2,yn 的格式排列。請你將陣列按 x1,y1,x2,y2,xn,yn 格式重新排列，返回重排後的陣列。示例 1 輸入 nums 2,5,1,3,4,7 n 3 輸出 2,3,5,4,1,7 解釋 由於 x1 2,x...