Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/444.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 容器中的Jquery重新排序div_Javascript_Jquery_Dragula - Fatal编程技术网

Javascript 容器中的Jquery重新排序div

Javascript 容器中的Jquery重新排序div,javascript,jquery,dragula,Javascript,Jquery,Dragula,我需要以这种方式对容器上的一组3个div进行排序 甲级分区 甲级分区 B级分区 甲级分区 甲级分区 B级分区 每第三个div必须是B级,我如何才能做到这一点,然后将新订单推到集装箱上 谢谢,为了帮助您开始,以下是解决此问题的多种方法之一 此示例用于查找两种类型的块。然后,它使用循环将块移动到所需的顺序 要查看完整的演示,请单击“显示代码片段”,然后单击蓝色的“运行代码”按钮 Test点击按类名排序(AA-B-AA-B…) A1 A2 地下二层 地下一层 A3 A4 A1 地下一层 A2 地下二

我需要以这种方式对容器上的一组3个div进行排序

甲级分区

甲级分区

B级分区

甲级分区

甲级分区

B级分区

每第三个div必须是B级,我如何才能做到这一点,然后将新订单推到集装箱上


谢谢,

为了帮助您开始,以下是解决此问题的多种方法之一

此示例用于查找两种类型的块。然后,它使用循环将块移动到所需的顺序

要查看完整的演示,请单击“显示代码片段”,然后单击蓝色的“运行代码”按钮

Test点击按类名排序(AA-B-AA-B…)

A1
A2
地下二层
地下一层
A3
A4
A1
地下一层
A2
地下二层
A3
A4
任意数量的元素。。。
地下一层
A1
A2
A3
A4
地下二层
A5
地下三层
A6
B4
A7
A8
奇数个元素。。。
A1
地下一层
A2
地下二层
A3

您尝试过什么?请显示您的代码。我正在尝试使用容器的元素对数组进行排序。从小提琴或代码笔中插入一些代码会有所帮助。您是在尝试使用jQuery将这些元素动态添加到页面中,还是它们已经在页面上,并且您只是在尝试根据它们的类名重新组织它们?对不起,我还没有完全理解这些工具,让我花一分钟时间做一个小动作。。。。元素已经在页面上了,是的,我只是想根据类名重新组织它们,我想我可以使用容器上的元素数组并在之前对它们进行排序。
function sort(e) {
  var a, b, i;
  a = e.querySelectorAll('.noticia:not(.publicidad)');
  b = e.querySelectorAll('.noticia.publicidad');
  for (i = 0; i < b.length; i++) e.insertBefore(b[i], a[2 + i * 2]);
}