Javascript 将带有类id和映像的div附加到容器

我已经为此挣扎了几天了。我想在我的容器中附加一个带有类id和图像的div，我已经能够呈现这些卡片了，但是在dev工具中检查HTML时，我遇到了这个问题

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

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

1.你错过了

“

关于

id

2.您未关闭

”；
});

忘记关闭

img

-tag

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

---

使用类似以下内容的工具：

$（“#卡区”）。附加（``）

您尚未关闭img标记。我建议使用手柄，执行字符串附加可能会导致维护性降低code@nielsvanhoof很高兴帮助您：）

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

<div class="hidden-container card-image" id="card-id-1" "=""> 
   <img src="../images/avatar.png" <="" div="">
   </img>
</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>');
});