jQueryのカスタムデータはソート可能ですか？

Question

"更新"コールバックでは、要素の順序を得ることができます$(this).sortable('toArray');

しかし、この順序には要素IDが含まれています。

data-myattrのようなカスタム属性を取得するにはどうすればよいですか？私の代わりにIDのこのattibuteからの値が含まれているため....

$('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がシンプルであることを望む：

<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フィドルhere

Answer 3

として、これはjQuery UIで直接実装されています：

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