datos personalizados en jQuery ordenable?

Question

en la devolución de llamada de "actualización" puede obtener el orden de los elementos con $(this).sortable('toArray');

Pero esta orden contiene los ID del elemento.

¿Cómo puedo obtener un atributo personalizado, como data-myattr? Quiero que el fin de contener los valores de esta attibute en lugar de identificadores ....

$('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); 

     .... 

    } 
    }); 

El HTML es simple:

<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 violín here

Answer 3

Como de agosto '12, esto se implementa directamente en jQuery UI:

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