序列div使用javascript onclick

Question

有没有办法点击div并将此点击序列值保存在db。

中

假设我在10个小的小div中有10个项目，我希望它们按照我点击它们的顺序排序。因此，点击第一个将首先排序，然后排序，然后排序。

希望能够使用Javascript执行此操作。已经在桌面应用程序中看到了这种情况，当您单击字段时，表单字段按Tab键顺序排序。

Answer 1

最简单的方法是绑定div的click事件，并在点击时将div元素推送到数组中。然后，您可以通过弹出数组中的元素将.prepend()用于容器数组。这是一个example ..

Answer 2

我可以给你一个概念格式，因为一个完整的交易将会很长，而且还因为你发布了 没有代码 。

• 确保每个div都有唯一的ID，并且至少有一个常见的CSS类，例如sortable - 这很关键，因为它允许您查询DOM以获取进一步排序的元素。并且，关于div的id的想法，我已经看到了通常一些标识符的变体，例如来自数据库的post id;

• 您在加载窗口时运行侦听功能，侦听何时单击任何具有类sortable的div。您覆盖默认操作，并使用与div id串联的类来记录单击哪些元素，并根据您认为合适的任何条件（id，date，content）对它们进行相应的排序。但是，您必须操纵要修改的DOM以正确表示新的排序。这可以通过两种方式完成：

  • 您的排序可以是实时的（这是费力的，涉及更高的RAM使用率和大量的DOM操作，但它是可行的）。
  • 或者，选项2：执行静态排序，其中此信息通过表单传递到另一个页面，该页面重定向到同一页面或带有重新排序的DOM的新页面。另一种方法是清除DOM树并使用Javascript在提交表单或点击按钮时使用排序信息在同一页面中重建它。