jquery.nestable.jsを使ってネスト(入れ子)のliタグ一覧をドラッグ&ドロップ可能にし、あわせてliタグのdata-id値をjson形式で出力するをご紹介します。 jquery.nestable.jsを使ってネスト(入れ子)のliタグ一覧をドラッグ&ドロップ可能にするCSS記述 ※liタグ一覧エリア(.nestable-lists)、json形式の出力エリア(#nestable-output)のCSS記述です。必要に応じて変更して下さい。 <style> body { margin: 0; padding: 0; font-size: 20px; line-height: 1.8em; text-align: center; } h1{ text-align: center; font-size: 20px; line-height: 1.8em; padding: 15p