jQuery 丢失格式

Question

我是 jQuery 新手，正在尝试注入(inject) <div> 的 HTML 内容进入另一个<div> 。这是我正在使用的代码:

<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>

问题是注入(inject)的 HTML 的格式与原始 HTML 的格式不同。

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

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

Answer 1

这不是复制 HTML 元素的理想方法。完整原因请参阅我对 Why should y.innerHTML = x.innerHTML; be avoided? 的回答。 jQuery 可以以更优雅的方式为您处理这个问题:

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

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