使用JQuery根据所选选项对多个列表进行排序

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.6.0/jquery.min.js"></script>

<ul id="list1">
  <li>选项1</li>
  <li>选项2</li>
  <li>选项3</li>
</ul>

<ul id="list2">
  <li>选项4</li>
  <li>选项5</li>
  <li>选项6</li>
</ul>

<button id="sortBtn">排序</button>

$(document).ready(function() {
  $("#sortBtn").click(function() {
    var selectedOption = $("#sortingOption").val();
    
    if (selectedOption === "asc") {
      $("#list1 li").sort(function(a, b) {
        return $(a).text() > $(b).text() ? 1 : -1;
      }).appendTo("#list1");
      
      $("#list2 li").sort(function(a, b) {
        return $(a).text() > $(b).text() ? 1 : -1;
      }).appendTo("#list2");
    } else if (selectedOption === "desc") {
      $("#list1 li").sort(function(a, b) {
        return $(a).text() < $(b).text() ? 1 : -1;
      }).appendTo("#list1");
      
      $("#list2 li").sort(function(a, b) {
        return $(a).text() < $(b).text() ? 1 : -1;
      }).appendTo("#list2");
    }
  });
});