Javascript 如何将数组中的各个youtube图像分配给同样是动态的div

此块在Visual Basic中被动态拉入

foreach (Helper.Webinar webinar in ViewBag.Webinars){
<a href="@Url.Action("Webinars", "Learning", new { name = webinar.ContentFileName })" class="link-block">
    <div class="jumbotron left-right-jumbotron-block webinar-block">
    <div class="webinar-item-1"></div>
    <div class="webinar-item-2"></div>
    </div>
</a>
}

foreach（ViewBag.Webinars中的Helper.Webinar Webinar）{
}

我正在尝试使用上述方法分配个人ID的tp。目前，我可以用数组中的最后一个图像填充上面的每个图像。我试图找出如何根据数组中ID的数量填充每个块

const youtubeImgSort = () => {
const ids = [

    "", // leave blank
    "LJ3opnisLmk",
    "zTqLkVurK-A",
    "9PDexf_6HH0", 
    "wMmXGNmrr7I" 
];

$(".webinar-item-1").empty().append('<div class="vid-state"><img class="webThumb" alt="Webinar Preview Thumbnail"/></div>');

for (let i = 0; i < ids.length; i++) {

    $('.webThumb').attr('src', 'https://img.youtube.com/vi/' + ids[i] + '/0.jpg').after('<i class="fa fa-clock-o"></i>');
    };

};

youtubeImgSort();

constyoutubeimgsort=（）=>{
常量ID=[
“”，//留空
“LJ3opnisLmk”，
“zTqLkVurK-A”，
“9PDexf_6HH0”，
“wMmXGNmrr7I”
];
$（“.webinar-item-1”）.empty（）.append（“”）；
};
};
youtubeImgSort（）；

根据索引分配一个id，然后使用jquery id选择器查找单个div元素以附加youtube缩略图。

我仍然不确定Visual Basic代码到底生成了什么（是否循环并生成了几个

网络研讨会项目-*

s？）以及Javascript中需要发生什么

这里是一个演示，我将jQuery语句移动到循环中，该语句填充了

webinar项目-*

，并用正确的图像填充了它。我假设VisualBasic正在为

webinar项目-*

s生成几个HTML div，这可能是不正确的。您可以在js中生成

webinar项目-*

s，但我不确定其余数据是什么样子

constyoutubeimgsort=（）=>{
常量ID=[
“”，//留空
“LJ3opnisLmk”，
“zTqLkVurK-A”，
“9PDexf_6HH0”，
“wMmXGNmrr7I”
];
for（设i=0；i

您应该提供更多信息，说明您尝试了什么，以及为了得到好的答案，您正在尝试完成什么。你只是粘贴了一堆代码，几乎没有解释。该代码输出什么？你期望看到什么？我不知道你说的“这也是动态的”是什么意思。嗨，易卜拉欣！我能够得到数组中要显示的最后一个图像，但是，它为每个div显示相同的图像，而不是每个div显示不同的图像。我正在尝试将图像指定给动态块：