Javascript 使用jQuery的多开关标记

请帮助我，我需要在DOM结构中替换（切换）标记。我有这个：

<div class="wrap">
    <ul>
        <li>
            <div class="block">
                <div class="title">title 1</div>
                <div class="image">image 1 for title 1</div>
            </div>
       </li>
       <li>
            <div class="block">
                <div class="title">title 2</div>
                <div class="image">image 2 for title 2</div>
            </div>
       </li>
       <li>
            <div class="block">
                <div class="title">title 3</div>
                <div class="image">image 3 for title 3</div>
            </div>
       </li>
       <li>
            <div class="block">
                <div class="title">title 4</div>
                <div class="image">image 4 for title 4</div>
            </div>
       </li>
   </ul>            
</div>

标题1
标题1的图像1


标题2
标题2的图像2


标题3
标题3的图3


标题4
标题4的图4

我需要这个结果，我如何得到它

<div class="wrap">
            <ul>
                <li>
                    <div class="block">
                        <div class="image">image 1 for title 1</div>
                        <div class="title">title 1</div>
                    </div>
                </li>
                <li>
                    <div class="block">
                        <div class="image">image 2 for title 2</div>
                        <div class="title">title 2</div>
                    </div>
                </li>
                <li>
                    <div class="block">
                        <div class="image">image 3 for title 3</div>
                        <div class="title">title 3</div>
                    </div>
                </li>
                <li>
                    <div class="block">
                        <div class="image">image 4 for title 4</div>
                        <div class="title">title 4</div>
                    </div>
                </li>
            </ul>
      </div>

标题1的图像1
标题1


标题2的图像2
标题2


标题3的图3
标题3


标题4的图4
标题4

我试着使用jQuery

.each（）

，但结果我得到了这样的结构

• 图4
• 图3
• 图2
• 图1
• 标题1

• 图4

• 图3
• 图2
• 图1
• 标题2

• 图4

• 图3
• 图2
• 图1
• 标题3

• 图4

• 图3
• 图2
• 图1
• 标题4

您可以使用

$.each($('.wrap .image'), function() {
    $(this).insertBefore($(this).prev());
});

顺便说一句，您的HTML标记无效，您应该正确使用

关闭class

title

的div，我在演示中为您修复了它

试试看

$.each($('.wrap .image'), function() {
    $(this).insertBefore($(this).prev());
});

---

演示：

请显示您的代码。欢迎使用StackOverflow？请告诉我们你到目前为止有什么。因此，这不是一个代码编写服务，如果您提供自己工作的证据，您将得到更好的响应。请看。从关闭标题元素开始，会让事情变得更简单吗？