javascript - 将具有类 ID 和图像的 div 附加到容器

Question

我已经为此苦苦挣扎了几天。我想将一个带有类 ID 的 div 和一个图像附加到我的容器中，我已经能够渲染卡片，但是在检查开发工具中的 HTML 时，我遇到了这个

<div class="hidden-container card-image" id="card-id-1" "=""> 
<img src="../images/avatar.png" <="" div="">
</div>

让我吃惊的是= <=空荡荡的div。这些显然不应该在这里。

我像这样渲染div

    $.each(cards, function (index, props) {
        $("#card-area").append('<div class="hidden-container card-image" id=card-id-' + props.Id + ' "> <img src="' + props.Url + '"</div>');
    });

有人可以正确格式化吗？最近几天一直让我头疼。

标签： javascriptjqueryhtmlcss

Answer 1

1.你错过"了id

2.你也错过了关闭<img>标签

$.each(cards, function (index, props) {
  $("#card-area").append('<div class="hidden-container card-image" id="card-id-' + props.Id + ' "> <img src="' + props.Url + '"></div>');
});