jQuery UI 可排序 toArray() 方法

jQuery UI是一种基于 Web 的技术，由各种 GUI 小部件、视觉效果和主题组成。这些功能可以使用 jQuery JavaScript库来实现。 jQuery UI 是为网页构建 UI 界面的最佳工具。它还可以用于构建高度交互的 Web 应用程序，或者可以用于轻松添加小部件。

在本文中，我们将使用jQuery UI Sortable toArray() 方法将可排序项 id 序列化为字符串数组。

句法：

$(".selector").sortable("toArray" );

参数：此方法接受自定义序列化的单个参数选项。它包含带有默认“id”的字符串类型属性，其中包含用于值的属性名称。

返回值：此方法按排序顺序返回可排序元素的 id 值数组。

CDN 链接：首先，添加项目所需的 jQuery Mobile 脚本。

示例：下面的示例说明了jQuery UI Sortable toArray()方法的使用。

HTML

  

    
    
    
    
    
    
  
    jQuery UI Sortable toArray() Method
  
    
        #sortableList {
            list-style-type: none;
        }
  
        .geeks {
            margin: 10px;
            background: lightgreen;
            padding: 10px;
            border: 1px solid green;
            font-size: 25px;
        }
    
    
        $(function () {
            $('#sortableList').sortable({
                update: function (event, ui) {
                    var benefits = $(this)
                        .sortable('toArray').toString();
                          
                    $("#sortedList").text(benefits);
                }
            });
        });
    

  

    
        
            GeeksforGeeks
        
        jQuery UI Sortable toArray() Method
  
        
            
                1.Free Tutorials
            
            
                2.Millions of articles
            
            
                3.Webinars by Industry Experts
            
            
                4.Live, Online and Classroom Courses
            
        
  
        Benefits ID after sorting
        
    

输出：

参考： https://api.jqueryui.com/sortable/#method-toArray