html页面的第一个跨度（onclick）不起作用答案

【问题标题】：First span (onclick) of html page not workinghtml页面的第一个跨度（onclick）不起作用
【发布时间】：2021-10-10 15:54:20
【问题描述】：

我有一个带有卡片的 Html 页面，这是我的玉代码：

          div(id="myModal" + i class="modal")
            div(class="modal-content")
              span(class="close" onclick="closeMoviePopup(#{i})") &times;
              h2= movie.name
              a(href="sodaplayer:?url=" + movie.magnet_link + "&title=" + movie.name onclick="(function(){ document.getElementById('myModal#{i}').style.display = 'none'; })();return true;") Stream

js:

function closeMoviePopup(index) {
    document.getElementById('myModal' + index).style.display = 'none';
}

由于某种原因，除了第一张卡之外，每张卡都可以使用，我不明白为什么会发生这种情况。这不是 i 变量或函数的问题，我不明白它是什么

【问题讨论】：

你确定它不是一个错误。如果不能，您可以分享呈现的 html 吗？
我不这么认为，我该如何检查？
查看第一张卡的id
在一个长度为 35 的数组中，第一个索引返回 0，最后一个索引返回 34，这是问题所在吗？
您能否分享一张您在开发工具中检查此卡时的屏幕截图？

标签： html pug simplemodal

【解决方案1】：

因为在您的 index.js 中，您正在捕获第一个跨度 var span = document.getElementsByClassName("close")[0]; 并执行不同的功能。使固定那应该可以了。

【讨论】：