

jqueryでpositionの座標を元にソース上の並び替えをしたいのですがどうしたらよいのでしょうか。

例: leftの値が小さい順に並び替え

[code]

    <div style="position:relative; left: 10px">1</div>
    <div style="position:relative; left: 0px">2</div>
    <div style="position:relative; left: 15px">3</div>
    <div style="position:relative; left: 5px">4</div>
    
[/code]

↓

[code]

    <div style="position:relative; left: 0px">2</div>
    <div style="position:relative; left: 5px">4</div>
    <div style="position:relative; left: 10px">1</div>
    <div style="position:relative; left: 15px">3</div>
    
[/code]


CC BY-SA 3.0
2015-04-09T16:48:45.517
8964
2015-04-09T19:30:15.940
5855
question
javascript jquery jquery-ui
jqueryでソース上の並び替えをしたい

[code]

    var target = $('div'); // 全てのdivが対象になるのでちゃんと指定する
    
    
    var sorted_obj = target.sort(function(a,b){
      return parseInt($(a).css('left')) - parseInt($(b).css('left'));
    }));
    
    target.parent().append(sorted_obj);
    
[/code]


CC BY-SA 3.0
2015-04-09T19:30:15.940
8967
2015-04-09T19:30:15.940
8351
8964
answer