Jquery eq(i)不能工作-我如何在"for“中工作？

Question

当我在我的公式后面加一个数字时，下面的代码运行良好。

 for (i=0; i<$("button.mark").length ; i++){

   $("button.mark:eq(0)").on("click", e => {
     e.preventDefault()
     e.stopPropagation()
     $("div.popup:eq(0)").show()
  
      if ($("div.popup:eq(0)").css("display") === "block") {
        $(window).on("click", () => {
          $("div.popup:eq(0)").hide()
        })
      }
   })
 }

但是当我试着把它放在for里的时候，它就停止工作了。你知道为什么吗？

for (i=0; i<$("button.mark").length ; i++){

   $("button.mark:eq(i)").on("click", e => {
     e.preventDefault()
     e.stopPropagation()
     $("div.popup:eq(i)").show()
  
      if ($("div.popup:eq(i)").css("display") === "block") {
        $(window).on("click", () => {
          $("div.popup:eq(i)").hide()
        })
      }
   })
 }

Answer 1

这就是答案，感谢@swati和@charlie

for (let i=0; i<$("button.mark").length ; i++){

  $("button.mark:eq("+i+")").on("click", e => {
    e.preventDefault()
    e.stopPropagation()
    $("div.popup:eq("+i+")").show()
 
      if ($("div.popup:eq("+i+")").css("display") === "block") {
        $(window).on("click", () => {
          $("div.popup:eq("+i+")").hide()
        })
      }
  })
}

我已经在for循环条件中添加了("+i+")和"let“！