Javascript 单击IE-Jquery中不起作用的函数

我的jquery代码有一个问题，我创建了一种日历类型，如果您单击日期，会在其中显示一个覆盖图和附加信息。它在chrome中运行良好，完全符合我的要求，但在IE中，当你点击日期时，不会发生任何事情，也不会显示覆盖图。我已经挣扎了一段时间，真的需要一些帮助。代码如下：

$(document).ready(function() {
    for(let i=0; i<50; i++) {
        $("#calendar" + i).each (function() {
            $(this).click (function() {
                $("#calendar" + i).toggleClass("bigcalendar");      
            }); 
        });
    }
});

$（文档）.ready（函数（）{
for（让i=0；i在jquery中使用属性选择器。没有for循环需要在jquery中单击动态元素。下面的代码应该在所有浏览器中都可以使用

$(document).on('click','[id^=calendar]', function() {
   $(this).toggleClass("bigcalendar");  
});

哪个ie版本？for

循环的

目的是什么？相反，
每个
的功能是什么？不太熟悉属性选择器，事实上，正如Sudharsan S在解决方案中向我展示的那样，才发现了它们。我想你们会更多地研究它们吗？很抱歉，soundin N00b。我部分同意for loop部分..但是所有的[日历]都可以包含在一个[分区日历]中。