Dữ liệu tùy chỉnh trong jQuery có thể sắp xếp?

Question

trên gọi lại "cập nhật", bạn có thể nhận được thứ tự các thành phần với $(this).sortable('toArray');

Nhưng đơn đặt hàng này chứa ID phần tử.

Làm cách nào để có được thuộc tính tùy chỉnh, như data-myattr? Tôi muốn điều đó để chứa các giá trị từ attibute này thay vì ID ....

$('ul').sortable({ 
    handle: 'h2' 
    items: 'li', 
    context: this, 
    update: function(){   

     var order = $(this).sortable('toArray'); 

     // here I want a array of values from my attribute, not ID values... 
     alert(order); 

     .... 

    } 
    }); 

HTML rất đơn giản:

<ul> 
    <li data-myattr="a-1" id="whatever"> 
    ... 
    </li> 
    ... 

Answer 1

$("ul").sortable({ 
    . 
    . 
    . 
    update: function(event, ui) {   
    var arr = $(this).sortable('toArray'); 
    var i, n; 
    var attrs = []; 
    for (i = 0, n = arr.length; i < n; i++) { 
     attrs.push($('#' + arr[i]).data('myattr')); 
    } 

    alert(attrs); 
    } 
}); 

Answer 2

$("li").data("myattr") // if you use jQuery, >= 1.4.3 

$("li").attr("data-myattr") // for erlier 

JS Fiddle here

Answer 3

Như của tháng 8 '12, điều này được triển khai trực tiếp trong giao diện người dùng jQuery:

var order = $(this).sortable('toArray', {attribute: 'data-myattr'});