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...