これに対する最善の解決策は何でしょうか... 3 番目のコンテンツ div の画像ファイル名、リンク、およびテキストを取得し、それを古いセクションの最初のエントリとして複製したいと考えています。基本的にデータの内容を複製しますが、古いセクションの div 構造を使用します。ご覧のとおり、構造の違いは、イメージ パス (1 つは Featured を使用し、もう 1 つはボックスアートを使用) と、imgframenew および posterimage div です。
これは少し抽象的であり、私が書面で簡単に説明するのは難しいため、明確にする必要がある場合はお知らせください.
<div class="new">
<div class="content"><div class="imgframenew">
<div class="posterimage" style="background:url(/media/images/featured/pic1.jpg);"></div></div>
<div class="title"><a rel="/media/link1/">Example 1</a></div></div>
<div class="content"><div class="imgframenew">
<div class="posterimage" style="background:url(/media/images/featured/pic2.jpg);"></div></div>
<div class="title"><a rel="/media/link2/">Example 2</a></div></div>
<div class="content"><div class="imgframenew">
<div class="posterimage" style="background:url(/media/images/featured/pic3.jpg);"></div></div>
<div class="title"><a rel="/media/link3/">Example 3</a></div></div>
</div><div class="old">
<!-- Duplicate 3rd div content from above, here, but using the div structure from below -->
<div class="content"><div class="imgframe" style="background:url(/media/images/boxart/pic4.jpg);"></div>
<div class="title"><a rel="/media/link4">Example 4</a></div></div>
<div class="content"><div class="imgframe" style="background:url(/media/images/boxart/pic5.jpg);"></div>
<div class="title"><a rel="/media/link5">Example 5</a></div></div>
<div class="content"><div class="imgframe" style="background:url(/media/images/boxart/pic6.jpg);"></div>
<div class="title"><a rel="/media/link6">Example 6</a></div></div>