Javascript 可以对div中的内容进行排序吗？

是否可以根据DIV包含的表单中的

值对DIV进行排序

Hare是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>


身份证件
标题
127
27

我希望能够单击按钮，根据
127
的内容对每一行进行排序，即
和
，（内容在这里是127）

另一个按钮应根据表单
值
对行进行排序

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

以下是按id排序的示例：

上面的示例不需要jQuery。对于您的确切问题，这不是一个简单的解决方案，但它应该提供一个非常好的解决当前问题的方法。
有没有理由不按div的id排序？我宁愿使用table来处理这类问题。你可以看看这里：或者这里：或者你可以使用谷歌可视化API——这里有各种各样的可排序选项——@Ryan Olds:好主意。那将是完美的=）我仍然不知道该怎么做。我确实看过那个。对我来说，它只在
上工作？我认为目前还没有任何库可以只使用div就可以做到这一点，但这肯定是可能的。另一种选择是，如果您对数据使用SQL server，只需执行一个ajax调用，并让SQL server为您进行排序。尽管让客户为你工作总是很好的。祝你好运，如果你找到了解决办法，一定要发回。我也想看到这一点。当我单击Run时，它不会在结果字段中输出任何内容。请查看控制台输出。容器的子级已排序。我将为输出设置样式，以便您看到正确的内容。请立即尝试。在右边，你应该看到div是有序的。