Javascript 复制内容前防止插入

我想将

.main section图像的整个内容移动到
.main section.content.title
之前。但是当我使用jQuery代码时，所有其他div的内容都是重复的

如何使用if条件防止重复文本添加到区域


$（'.main section image'）.insertBefore（'.main section.content.title'）
.duo left{float:left；}
.duo right{float:right；}
.主要部分{宽度：100%；浮动：左侧；}
.主要章节.内容{
宽度：65%；
}
.主要部分.主要部分图像{
宽度：35%；
}

头衔

章节说明

头衔

章节说明

您正在将所有
.main section image
元素插入所有
.content.title
元素之前

由于您有多个
.main section
元素，每个元素都包含自己的图像和标题，因此会在所有标题之前插入多个图像

我建议使用jQuery在每个
.main部分中分别进行更改。

下面，我使用jQuery，它使用

我还添加了一个按钮，然后单击处理程序执行插入。

但这只是为了演示，所以请随意删除该代码


$（'go'）。在（'click'，function（）上{
$（'.main section'）。每个（函数（）{
变量$image=$（'main section image'，this）；
var$target=$（'.content.title'，this）；
$image.insertBefore（$target）；
});
});
.duo左{
浮动：左；
}
duo先生，对{
浮动：对；
}
.主要部分{
宽度：100%；
浮动：左；
}
.主要章节.内容{
宽度：65%；
}
.主要部分.主要部分图像{
宽度：35%；
}

改变

头衔

章节说明

头衔

章节说明

非常感谢您的回答，您能告诉我如何使用each（）函数吗？对不起，我不太擅长jquery:）请参见上面的示例。jQuery的
each（）
遍历一组选定的元素。因此，您可以在每个
.main section
上分别执行
插入之前的插入。有一件小事，我们可以做一些检查。main section div是否存在于页面中？如果没有
。main section
，代码将不会执行任何操作。所选内容将为空，
each（）
函数将不会启动。但是如果你真的想检查主要部分，你可以使用如下属性：
if（$（'.main section'）.length>0）{…}
。我现在明白了，再次感谢你的帮助