javascript - jQuery:Div 和变量使用 .after() 函数呈现为 [Object object]

Question

所以我正在为 WordPress 制作一个 A4 打印模板，我使用此代码创建一个新部分(具有 A4 尺寸)，复制内容，然后将其放入带有边距的新 div 中，隐藏第一部分。你懂了？好吧，当我使用 $(this).after("copyCon"); 时，变量渲染得很好。但是，使用下面的代码我得到了这个:

<section class="4">

 [object Object]

</section>

JS:

var docWrap = $('.docWrap');
   var a4Height = '1046.920';
   var docCon = $('.docCon');

    function cropA4() {
        if ( $(this).height() > a4Height) {
            var copyCon = $(".docCon").clone().css({
        "margin-top": "-297mm"});
            $(this).after("<section class="a4">" + copyCon + "</section>");
        }
    }
    docWrap.each(cropA4);

Answer 1

您需要使用.html方法更改节点copycon。

var docWrap = $('.docWrap');
       var a4Height = '1046.920';
       var docCon = $('.docCon');

        function cropA4() {
            if ( $(this).height() > a4Height) {
                var copyCon = $(".docCon").clone().css({
            "margin-top": "-297mm"});
                $(this).after("<section class="a4">" + copyCon.html() + "</section>");
            }
        }
        docWrap.each(cropA4);