javascript - 使用 javascript onclick 对 div 进行排序

Question

有没有办法点击一个 div 并将这个点击序列值保存在数据库中。

假设我在 10 个小 div 中有 10 个项目，我希望它们按我单击它们的顺序排序。所以点击第一个会先排序，然后再下一个。

希望能够用 Javascript 做到这一点。已经在桌面应用程序中看到了这种情况，当您单击字段时，表单字段按 Tab 顺序排序。

score 1 · Accepted Answer

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

score 0 · Accepted Answer

我可以给你一个概念格式，因为一个成熟的交易会很长，而且你没有发布任何代码。

确保每个 div 都有一个唯一的 id，并且至少有一个公共 CSS 类，例如sortable- 这很关键，因为它允许您查询 DOM 以获取这些元素以进行进一步排序。而且，关于 div 的 id 的想法，我看到了一些标识符的变体，例如数据库中的 post id；
你有一个监听函数在窗口加载时运行，当任何具有该类的 divsortable被点击时监听。您覆盖默认操作，并将类与 div id 结合使用来记录单击了哪些元素，并根据您认为合适的任何标准（id、日期、内容）对它们进行相应的排序。但是，您必须操作要修改的 DOM 以正确表示您的新顺序。这可以通过另外两种方式完成：
- 您的排序可以是实时的（这很费力并且涉及更高的 RAM 使用率和大量的 DOM 操作，但它是可行的）。
- 或者，选项 2：执行静态排序，其中此信息通过表单传递到另一个页面，该页面重定向到同一页面或具有重新排序的 DOM 的新页面。另一种方法是清除 DOM 树并在同一页面中使用 Javascript 在提交表单或单击按钮时使用排序信息重建它。

2 回答 2