如何从页面初始加载后创建的弹出窗口中选择按钮？

Question

我正在尝试建立一个产品页面，用户可以在其中单击“详细信息”按钮并查看有关该产品的更多信息。我正在使用“活动”类来显示和隐藏此信息，并且产品的html通过for循环生成。我能够获得弹出窗口来提供正确的信息（尽管不使用按钮，而是单击div可以正常工作），但无法弄清楚如何选择关闭按钮，因此可以删除“活动”类，并让窗口消失。对javascript和jquery来说是非常新的，因此可以提供任何帮助。

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

        var prodDiv = document.createElement("div");
        var popDiv = document.createElement("div");

        //Add item info to HTML element
        prodDiv.innerHTML = blob;

        popDiv.innerHTML = popUpWindow;

        //Add class attributes
        prodDiv.setAttribute("class", "col-sm-4 col-lg-2 prodContent");
        popDiv.setAttribute("class", "popup-overlay");

        //Add new element to div
        var currentDiv = document.getElementById("allDiv");
        currentDiv.appendChild(prodDiv);
        prodDiv.appendChild(popDiv);
};

//appends an "active" class to .popup and .popup-content when the "Open" button is clicked
$("#allDiv").on("click", "div", function(e){
    $(this).children("div").addClass("active");
    $(this).children("div").children().addClass("active");

});

//removes the "active" class to .popup and .popup-content when the "Close" button is clicked 

$(".close").on("click", function(){
  // $(".popup-overlay, .popup-content").removeClass("active");
});