如何動態寫入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

使用香草js：

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

http://jsfiddle.net/mspzLz81/