任务：能够通过单击访问每个单独生成的 id =“video”的元素。
当页面加载时，我使用 js 脚本在循环中创建元素：
const parent_widget = document.getElementById("video_block");
let create_widget_video = function() {
file.forEach(function(url) {
var div = document.createElement("div");
div.className = "video";
parent_widget.appendChild(div);
});
元素已创建，没有任何问题。同时加载了js，按照我的逻辑，应该通过id访问元素并执行特定的功能：
$(document).ready(function() {
$('.video').click( function(event){ ...
但这不会发生，我是 js 新手，如果我理解正确的话，第二个脚本根本看不到第一个脚本生成的元素，也无法在源 html 中按 id 找到元素。问题 - 如何访问在 1 个脚本中创建的每个元素？您可能可以直接在第一个脚本的循环内附加一个函数..但这已经是更高的魔法，我需要您的帮助。
ps 如果我在 html 中，我会添加几个测试元素：
<div id="video_block">
<div class="video" style="border: 1px solid #000;"></div>
<div class="video" style="border: 1px solid #000;"></div>
</div>
使用它们，一切都可以正常工作，但是脚本 2 不适用于生成的元素，尽管根据结构，如我所见，它们都是相同的：
1 个回答