Javascript 两个列表以相同顺序同时反向排列
我有两个相同的Javascript 两个列表以相同顺序同时反向排列,javascript,jquery,html,Javascript,Jquery,Html,我有两个相同的列表,当我按下按钮时,我需要使用jQuery反转两个列表的顺序。我尝试了下面的代码,但它没有按预期工作 函数spin(){ 自旋列表($('.list视图')); } var spinList=函数($el){ var elementClone=$el.eq(0.clone(); var allLength=elementClone.find('li').length; 对于(var i=0;i使用本机JavaScript方法 函数spin(){ 自旋列表($('.list视图
列表,当我按下按钮时,我需要使用jQuery反转两个列表的顺序。我尝试了下面的代码,但它没有按预期工作
函数spin(){
自旋列表($('.list视图'));
}
var spinList=函数($el){
var elementClone=$el.eq(0.clone();
var allLength=elementClone.find('li').length;
对于(var i=0;i使用本机JavaScript方法
函数spin(){
自旋列表($('.list视图'));
}
var spinList=函数($el){
$el.each(function(){//遍历列表
$(this).append(//追加以更改顺序
$('li',this)//获取li元素
.get()//将它们作为数组获取
.reverse()//颠倒顺序
)
})
}
点击
- 一,
- 二,
- 三,
- 四,
- 五,
- 六,
- 七,
- 八,
- 九,
- 十,
- 十一,
- 十二,
- 一,
- 二,
- 三,
- 四,
- 五,
- 六,
- 七,
- 八,
- 九,
- 十,
- 十一,
- 十二,
使用本机JavaScript方法
函数spin(){
自旋列表($('.list视图'));
}
var spinList=函数($el){
$el.each(function(){//遍历列表
$(this).append(//追加以更改顺序
$('li',this)//获取li元素
.get()//将它们作为数组获取
.reverse()//颠倒顺序
)
})
}
点击
- 一,
- 二,
- 三,
- 四,
- 五,
- 六,
- 七,
- 八,
- 九,
- 十,
- 十一,
- 十二,
- 一,
- 二,
- 三,
- 四,
- 五,
- 六,
- 七,
- 八,
- 九,
- 十,
- 十一,
- 十二,
不带jQuery,具有一些ES6功能:
函数spin(){
var lists=document.querySelectorAll(“.list视图”);
数组.from(列表).forEach((列表)=>{
var reversed=Array.from(list.querySelectorAll('li')).reverse();
list.innerHTML='';
var fragment=document.createDocumentFragment();
反向。forEach((项目)=>{
片段。追加子项(项目);
})
追加子项(片段);
})
}
变更单
- 一,
- 二,
- 三,
- 四,
- 五,
- 六,
- 七,
- 八,
- 九,
- 十,
- 十一,
- 十二,
- 一,
- 二,
- 三,
- 四,
- 五,
- 六,
- 七,
- 八,
- 九,
- 十,
- 十一,
- 十二,
不带jQuery,具有一些ES6功能:
函数spin(){
var lists=document.querySelectorAll(“.list视图”);
数组.from(列表).forEach((列表)=>{
var reversed=Array.from(list.querySelectorAll('li')).reverse();
list.innerHTML='';
var fragment=document.createDocumentFragment();
反向。forEach((项目)=>{
片段。追加子项(项目);
})
追加子项(片段);
})
}
变更单
- 一,
- 二,
- 三,
- 四,
- 五,
- 六,
- 七,
- 八,
- 九,
- 十,
- 十一,
- 十二,
- 一,
- 二,
- 三,
- 四,
- 五,
- 六,
- 七,
- 八,
- 九,
- 十,
- 十一,
- 十二,
谢谢!这很好:)@ShijinTR:很高兴帮助:)你节省了我的时间,杀了我一个小时!这很好:)@ShijinTR:很高兴帮助:)你节省了我的时间,杀了我一个小时