我在显示页面中的元素时遇到问题
我有像
<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
> 标签,以便为用户提供执行操作的选项(例如更改图像源)。我所有的div
都有css
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
我该如何解决这个问题?非常感谢!