如何动态写入div，可以多次

Question

我正在尝试动态地将文本写入div。

我有这段jquery：

            $.each($('.LineShoppingCart'), function () {
            $("#itemPreview").html($(this).html());

        });

和 HTML：

<div id="itemOrderPreview"></div>

它之所以有效，部分原因是它在 .LineShoppingCart具有多个值。它只写入最后一个值。

如果我编写带有警报的 jquery，例如：

            $.each($('.LineShoppingCart'), function () {
            alert($(this).html());

        });

然后我可以看到警报为每个值弹出多次。

将值写入div 时，我必须执行哪些不同的操作？

非常感谢。

Answer 1

使用 append ：

$.each($('.LineShoppingCart'), function () {
    $("#itemPreview").append($(this).html());
});

要了解append ： http://api.jquery.com/append/

要了解prepend ： http://api.jquery.com/prepend/

Answer 2

使用 vanilla js：

var preview = document.getElementById("itemPreview");
document.getElementsByTagName("LineShoppingCart").forEach(function (el) {
  preview.innerHTML += el.innerHTML;
});

http://jsfiddle.net/mspzLz81/