因此，我的网站托管在 enjin.com 上，当您为用户提供带有图像的标签时，它会以他们的名字出现在论坛上，但它是一个带有标签名称的垂直列表。我想组织它，以便所有标签图像都出现在一行上，所有标签名称都出现在它下方的水平列表中。
他们使用 div 标签有点像这样
<div class="tag">
<div class="tag-image"></div> <!-- If the tag lacks an image this is excluded -->
<div class="tag-text">Tag Name</div> <!-- If you want the name to be hidden this is excluded -->
</div>
然后他们几乎对每个标签都重复这个。论坛帖子也使用了同样的东西。
因此，我想将所有标签图像 div 一起移动到一行中，并将所有标签文本 div 向下移动并给每个它自己的行。我只想将它们移动到它们的父元素中（以避免一个论坛用户的图像/标签转到另一个论坛用户）。
我知道如何用 jquery 附加东西，并用谷歌搜索了如何移动元素，但我担心它们最终会在另一个用户的头像下一起结束。
编辑：更多细节的截图：
编辑：我尝试了这个：
$('.tag-image').each(function(){
$(this).parent().find('.cell').append($(this));
});
没啥事儿。我怀疑这个脚本应该放在 head 标签中才能工作，如果它是我需要的。我的平台无法做到这一点，但我正在研究一种解决方法，因为我之前遇到过这个问题。
编辑：尝试这样做：
window.addEventListener('DOMContentLoaded', moveimgs, false);
function moveimgs(){
$('.tag-image').each(function(){
$(this).parent().find('.cell').append($(this));
});
}
结果相同。