私のアプリケーションでは、クライアントに画像を並べて動的にレンダリングしています。ユーザーは画像にポイントを与えることができ、ボタンをクリックすることで、ポイントの高いポイントから降順に画像を並べ替えることができるようにしたいと考えています。
Stack で div の並べ替えに関する例をいくつか見てきましたが、私の例では、画像を並べ替える必要があるコンテンツは、ネストされた div 内にあります (以下を参照)。このパラメーター (ポイント) で画像を並べ替える良い方法は何ですか?何かアイデアはありますか?
<div class="image">
<div class="post">
// other code here
<img src="img/image1.png" />
<div class="postDesc">
// other code here
<p class="postDescContent">Points: 20</p>
</div
</div>
</div>
<div class="image">
<div class="post">
// other code here
<img src="img/image2.png" />
<div class="postDesc">
// other code here
<p class="postDescContent">Points: 10</p>
</div
</div>
</div>
// and so on...
編集: 両方のイメージに同じ ID を使用していたという事実を多くの人が指摘しているようです。悪いことに、私はこれを知っていましたが、例を作成しているときに忘れてしまいました。代わりにクラスに変更されました。