Javascript 在其他div中具有相同类的多个div的反向顺序

任务就在这里

货柜6
我的第六组
3.


货柜5
我的第五组
1.


容器4
我的第四组
2.


容器3
我的第三组
1.


容器2
我的第二组
2.


容器1
我的第一组
1.

onload相同的类div需要与结果相反

货柜6
我的第六组
1.


货柜5
我的第五组
1.


容器4
我的第四组
2.


容器3
我的第三组
3.


容器2
我的第二组
2.


容器1
我的第一组
3.

我试过这个，效果很好，但似乎有点多余。 顺便说一句，我可以访问HTML，我有两个以上的类（item3、item4等等），类上的函数必须同时工作

const children1=document.queryselectoral（'.c-container.item1'）；
const reverse1=[…children1].reverse（）；
children1.forEach（（item，i）=>item.outerHTML=reverse1[i].outerHTML）；
const children2=document.querySelectorAll（'.c-container.item2'）；
const reverse2=[…children2].reverse（）；
children2.forEach（（item，i）=>item.outerHTML=reverse2[i].outerHTML）

货柜6
我的第六组
3.


货柜5
我的第五组
1.


容器4
我的第四组
2.


容器3
我的第三组
1.


容器2
我的第二组
2.


容器1
我的第一组
1.
首先，您可以像let x=[1,2,3,4,5,6]那样创建数组然后给出每个div反向索引值，然后将该值放入该数组，然后将该值放入for循环，并按照for循环的i+1条件逐个放入。您可以成功运行反向div。
将其放入函数并运行两次。您只需确保使用正确的选择器


const reverser=选择器=>{
const arr=document.querySelectorAll（选择器）；
const rev=[…arr].reverse（）；
arr.forEach（（e，i）=>e.outerHTML=rev[i].outerHTML）；
}
[class^=item]{padding:0.3em；}
.c-container>div，按钮{margin top:1rem；}
反向组1
反向组2
货柜8
我的八部
互换组2，项目3
货柜7
我的七部
互换组1，项目3
货柜6
我的第六组
互换组2，项目2
货柜5
我的第五组
互换组2，项目1
容器4
我的第四组
互换组1，项目2
容器3
我的第三组
互换组1，项目1
容器2
我的第二组
交换组2，项目0
容器1
我的第一组
交换组1，项目0
从
const rev=sel=>{[…document.queryselectoral（sel）].reverse（）开始。