データインデックス値を持つdiv要素を含むコンテナ要素があります。要素をdata-indexで並べ替えたいので、1、2、3のように表示されます。
<div class="container">
<div class="col-md-4" data-index="3">Col 3</div>
<div class="col-md-4" data-index="1">Col 1</div>
<div class="col-md-4" data-index="2">Col 2</div>
</div>
では、データインデックス値で要素を並べ替えるにはどうすればよいですか？
Array.sort適切なコールバックで関数を使用します。
$(".container div").sort(function(a, b) {
return $(a).data("index") - $(b).data("index");
}).appendTo(".container");<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div class="container">
<div class="col-md-4" data-index="3">Col 3</div>
<div class="col-md-4" data-index="1">Col 1</div>
<div class="col-md-4" data-index="2">Col 2</div>
</div>この記事はインターネットから収集されたものであり、転載の際にはソースを示してください。
侵害の場合は、連絡してください[email protected]
コメントを追加