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>');
    });

有人能正确格式化这个吗？这几天一直让我头疼。

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>');
});