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/

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

2 个答案: