可以對DIV中的內容進行排序嗎？

Question

是否可以根據DIV包含的表格中的value對DIV進行排序？

野兔是HTML，能更好地得到一個視覺的想法的HTML看起來像

​​

這裏是簡化來說明問題的HTML：

<div id="contentEdit"> 
    <div class="row"> 
    <div class="cellHeader"> ID </div> 
    <div class="cellHeader"> Title </div> 
    </div> 

    <div id="content"> 

    <div id="127"> 
     <form action="" method="post"> 
    <div class="row"> 
      <!-- ----- cell one -----    -------------------------- cell two ----------------------- --> 
     <div class="cell"> 127 </div> <div class="cell"> <input name="title" value="dfg" type="text" /> </div> 
    </div> 
     </form> 
    </div> 

    <!-- next row --> 

    <div id="27"> 
     <form action="" method="post"> 
    <div class="row"> 
     <div class="cell"> 27 </div> <div class="cell"> <input name="title" value="afg" type="text" /> </div> 
    </div> 
     </form> 
    </div> 

    </div> 
</div> 

我想基於<div class="cell"> 127 </div>的內容（內容在這裏爲127），可以點擊按鈕對每行進行排序，即<div id="127">和<div id="27">。

另一個按鈕應該基於表格value排序行。

這可能嗎？

Answer 1

這裏是由ID排序的示例：http://jsfiddle.net/ryanrolds/CuJ9T/

上面的例子不需要jQuery的。對於確切的問題，這不是一個解決方案，但它應該給出一個非常好的主意來解決當前的問題。

Answer 2

這是一個JQuery解決方案。有幾個其他的JavaScript排序libararies可供選擇。

http://tablesorter.com/docs/