jQuery丢失格式

我是jQuery新手，正在尝试将一个

的HTML内容注入另一个

中。 这是我正在使用的代码：

<div class="relatedItems"> </div>

<script>
    jQuery.noConflict();
    jQuery(document).ready(function() {
        var related = jQuery("div.itemRelated").html();   
        jQuery("div.relatedItems").html("<div class='itemRelated'>" + related + "</div>");  
    });
</script>

jQuery.noConflict（）；
jQuery（文档）.ready（函数（）{
var related=jQuery（“div.itemRelated”）.html（）；
jQuery（“div.relatedItems”）.html（“+related+”）；
});

问题是注入的HTML的格式与原始HTML的格式不同

我很想发布一张图片，但不能，因为我是一个新用户

---

如果我遗漏了什么，有什么想法吗？

这不是复制HTML元素的理想方法。关于全部原因，请参阅我的答案。jQuery可以以更优雅的方式为您处理此问题：

var related = jQuery('div.itemRelated')
    .clone(true, true);
jQuery('div.relatedItems').html(related);

这可能会解决一些问题，特别是与事件处理程序相关的问题。但是，如果样式不正确，则需要调整一些特定的样式规则。使用诸如Chrome控制台或Firebug之类的DOM检查器检查相关元素，以查看应用了/未应用的样式。

您可以改用：

---

您正在使用元素的文本来尝试反映其当前的外观状态，但您只使用内部元素。您描述的问题最可能的原因是：

“div.itemRelated”元素具有未被考虑的样式属性

“div.itemRelated”元素具有正在应用的样式效果，因为它的父元素已应用样式

要尝试解决第一个问题：

jQuery.noConflict();
jQuery(document).ready(function(){
  related = jQuery('div.itemRelated').clone();
  jQuery('div.relatedItems').append(related);
});

第二种可能是将元素克隆到当前的父元素中。如果样式在同一父级中正确，但在新父级（relatedItems）中不正确，则样式由层次选择器提供，需要进行一些CSS调整

---

一般来说，在请求有关样式问题的帮助时，您希望包括CSS信息

拍摄一个屏幕截图，将其上传到您的服务器，并通过您的帖子或评论将URL提供给我们。如果有CSS控制指定原始

.itemRelated

对象的任何父对象的格式，则在移动内容后，CSS可能无法正常工作。将你的CSS发布到你的问题中，我们可以看一看。尝试了，但没有成功。我检查了谷歌chrome浏览器上的两个对象，html似乎完全相同。这里是一个链接到一个显示问题的图片。。。也许这会给你一个更好的主意：@Eyal不仅仅是HTML。有一个窗格显示元素的样式。看哪一个看起来不对。对不起，我应该说出来。我在显示样式的（右）窗格中检查了这两个对象。使用了正确的样式。发现问题。。。它是从主模板CSS继承的IMG属性。谢谢你们的指导，真的很有帮助：）嗨，加布里埃尔，谢谢你们的回复。这是我的CSS部分，与这个DIV相关：Hi@Gabriel，谢谢你的回复。我的CSS基本上只包含没有值的空属性。我只有DIV、a、ul和li对象的属性。问题已解决。主模板中设置的是img.floating属性。csstried克隆也是同样的问题。这里有一个链接到一张图片，显示了这个问题：谢谢你的回复。这是主模板中的img.float属性，cssI应该感到尴尬：-）我看到你来自我的家乡。。。在eyalkattan.com给我发一封电子邮件给eyal

jQuery.noConflict();
jQuery(document).ready(function(){
  related = jQuery('div.itemRelated').clone();
  jQuery('div.relatedItems').append(related);
});