Javascript 如何将html附加到变量？

我有这种结构

<div class="copy_from">
        <img src="images/1.png" />
    </div>

    <button class="copy_button">Copy</button>

   <div class="copy_to">
    </div>

我想用另一个按钮add to Cart将copy_from div添加到copy_to div

我正在尝试这个…但它不起作用

<script type="text/javascript">
        $(document).ready(function () {
            $('.copy_button').click(function () {
                var one1 = $('.copy_from').html();
                var two = $(one1).append('<button>Add to Cart</button>');
                $('.copy_to').html(one1);
            });
        });
    </script>

试一试

至->

$('.copy_to').prepend(one1); 

---

你只是把事情的顺序搞混了。您可以从中复制html。从中复制，然后添加按钮。您只需将按钮添加到。然后将\u复制到

$(document).ready(function () {
    $('.copy_button').click(function () {
        var one1 = $('.copy_from').html();
        $('.copy_to').html(one1).append('<button>Add to Cart</button>');
    });
});

$('.copy_to').prepend(one1); 

$(document).ready(function () {
    $('.copy_button').click(function () {
        var one1 = $('.copy_from').html();
        $('.copy_to').html(one1).append('<button>Add to Cart</button>');
    });
});