Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/386.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 两个列表以相同顺序同时反向排列_Javascript_Jquery_Html - Fatal编程技术网

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:很高兴帮助:)你节省了我的时间,杀了我一个小时