javascript - DIV中的内容可以排序吗？

Question

是否可以根据 value 对 DIV 进行排序来自 DIV 包含的形式？

Hare 是 HTML，以便更好地了解 HTML 的外观

http://jsfiddle.net/littlesandra88/gtYBE/1/

这里是简化的 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 id="127">和 <div id="27">基于<div class="cell"> 127 </div>的内容,(内容在这里127)。

另一个按钮应该根据表格 value 对行进行排序.

这可能吗？

Answer 1

这是一个按 id 排序的例子:http://jsfiddle.net/ryanrolds/CuJ9T/

上面的例子不需要 jQuery。这不是针对您的确切问题的简单解决方案，但它应该可以很好地说明如何解决您当前的问题。