ページに要素を表示するのに問題があります
私は次のような要素を持っています
<img src='test1.jpg'>
<div>
<a href='#'>change</a>
</div>
<img src='test2.jpg'>
<div>
<a href='#'>change</a>
</div>
<img src='test3.jpg'>
<div>
<a href='#'>change</a>
</div>
<img src='test4.jpg'>
<div>
<a href='#'>change</a>
</div>
<img src='test5.jpg'>
<div>
<a href='#'>change</a>
</div>
<img src='test6.jpg'>
<div>
<a href='#'>change</a>
</div>
画像はDBレコードによってdomに追加されており、すべての画像に< div> with change < a>タグを追加して、ユーザーが操作できるようにします（画像ソースの変更など）。私のすべてのdivCSSは次のようになっています
display: block;
float: right;
と画像があります
display: inline-block;
私の問題はそれです
画像とdivの順序が間違っています。
例えば：
img1 img2 img3 img4 img5 img6 div6 div5 div4 div3 div2 div1
クリックするとプロパティdiv6が変更さimg6れます。
これは私が必要とする正しい順序です
img1 img2 img3 img4 img5 img6 div1 div2 div3 div4 div5 div6
この問題を解決するにはどうすればよいですか？本当にありがとう！