Question

是否可以根据DIV包含的表单中的value对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。对于您的确切问题，这不是一个解决方案，但它应该提供一个非常好的主意，如何解决您当前的问题。

Answer 2

这是一个JQuery解决方案。还有其他几个javascript排序库可供选择。

http://tablesorter.com/docs/

DIV中的内容可以排序吗？

2 个答案: