このJavascript/jQuery関数からHTML属性にアクセスするにはどうすればよいですか？

Question

私は

<div id="entries_list"> 
    <div id="entry_51" class="entry" data-entry_id="51"> 
     some text 
    </div> 
</div> 

次私はentries_listsortable using jQuery UIを作っています持っています。

$("#entries_list").sortable({ 
    stop: function(event, ui) { 
     console.log(ui); 
    } 
}); 

stop関数内からのエントリのdivのdata-entry_id属性にアクセスする最も簡単な方法は何ですか：私は、ユーザーがすることによって行うことができエントリーのdivを、「下がる」とき何かをする必要がありますか？ - http://api.jquery.com/data/

Answer 1

は.dataの（）関数を使用し

alert(ui.item.attr("data-entry_id")); 

Answer 2

を試してみてください：uiのコンソール出力リレーは次のようになります。 HTML5の "data-"属性は、先頭の "data-"（したがって、単に "entry_id"）なしで指定されることに注意してください。

ui.item.data("entry_id") 

Answer 3

ui.itemあなたが直接ui.item.data('data_entry')

$("#entries_list").sortable({ 
    stop: function(event, ui) { 
     console.log(ui.item.data('entry_id')); 
    } 
}); 

を行うことができますので、この例ではコンソールに51を置く、jQueryオブジェクトとして提供されます。

デモ時http://jsfiddle.net/gaby/jKPty/