0

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

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

<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>

<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>

1 件の回答 1

1
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);
2
  • 基本的にこのロジックで良いと思いますけど、returnするのは比較演算子の結果の方が良くないですか?
    – kotatsu
    Commented 2015年4月10日 1:25
  • ・・・と思ったら戻り値はintでしたか。失礼しました。
    – kotatsu
    Commented 2015年4月10日 3:27

この質問に回答するには、ログインする必要があります。

求めていた回答ではありませんか? のタグが付いた他の質問を参照する。