如何使用 jQuery 按字母顺序对选项元素进行排序？

任务是对 元素的选项进行排序。以下是在 JavaScript 的帮助下讨论的一些最常用的技术。

方法一：首先获取所有选项元素的值。使用.remove() 方法从

元素中临时删除选项。然后对值调用 .sort() 方法并按字母顺序对它们进行排序。现在使用.append() 方法再次追加它们。

• 示例：此示例实现了上述方法。

    
  
      
          Sorting options elements alphabetically using jQuery.
      
      
      
  
    
  
       
              GeeksforGeeks 
          
      
      
      
           YEW 
           ZAC 
           ABC 
           DFG 
           MNO 
           STU 
      
      
      
      
          Click Here
      
      
      
      
          var el_up = document.getElementById("GFG_UP");
          var el_down = document.getElementById("GFG_DOWN");
          el_up.innerHTML = 
            "Click on the button to sort the options" +
            " of the selected elements.";
    
          function gfg_Run() {
              $("#elmt").append($("#elmt option")
                                .remove().sort(function(a, b) {
                  var at = $(a).text(),
                      bt = $(b).text();
                  return (at > bt) ? 1 : ((at < bt) ? -1 : 0);
              }));
              el_down.innerHTML = "Select options are sorted";
          }
      
  
    

• 输出：
  

方法二：首先获取所有选项元素的值，然后使用.detach() 方法从DOM树中临时删除选项。然后对值调用 .sort() 方法并按字母顺序对它们进行排序。使用.appendTo() 方法将选项附加到元素。

示例：此示例实现了上述方法。

  

    
        Sorting options elements alphabetically using jQuery.
    
    
    

  

     
            GeeksforGeeks 
        
    
    
    

         YEW          ZAC          ABC          DFG          MNO          STU          
    
             Click Here          

    

       

输出：