Dati personalizzati in jQuery ordinabili?

Question

sul callback "aggiornamento" è possibile ottenere l'ordine degli elementi con $(this).sortable('toArray');

Ma questo ordine contiene gli ID di elemento.

Come posso ottenere un attributo personalizzato, ad esempio data-myattr? Voglio che per contenere i valori di questa attibute invece di 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); 

     .... 

    } 
    }); 

L'HTML è semplice:

<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

Come di agosto '12, questo è implementato direttamente nell'interfaccia utente di jQuery:

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