Jquery 一次更改多个列表的顺序

如何更改两个列表的顺序，同时防止它们混淆。我知道如何用一张单子来做，但当我有几张单子时，我就被卡住了

HTML:

您可以使用：

$('body').on('click', '.switch_order', function(e){
    $('ul li').each(function(i,li){
        $(this).parent().prepend(li);
    })
});

我在这里所做的就是给每个
一个id，并分别针对它们

你改变顺序的确切意思是什么？…A和B切换，所以B成为第一个li标签和第二个li标签，在第二个列表中，与上述问题答案的C和D副本相同的故事混淆了我的ul，所以这不是我想要的答案，所以这是一个稍微不同的问题..谢谢！我知道这是每个（）的东西，但不知道如何放置，这真的很有帮助！这确实是一个选项，但我有一个列表，人们可以添加一些ul和li，所以我尽量不使用id

$('body').on('click', '.switch_order', function(e){
  var list = $('ul');
  var listItems = list.children('li');
  list.append(listItems.get().reverse());
});

$('body').on('click', '.switch_order', function(e){
 $('ul').each(function(){
  var listItems = $(this).children('li');
  $(this).append(listItems.get().reverse());
 });
});

$('body').on('click', '.switch_order', function(e){
    $('ul li').each(function(i,li){
        $(this).parent().prepend(li);
    })
});

All I did here was give an id to each <ul> and targeted them seperately