我正在尝试使用 jQuery 选择器获取动态创建的元素，但它返回一个空数组。
我要做的第一件事是抓取一个空的 div：
var packDiv = document.getElementById('templates');
packDiv.innerHTML = "";
然后在循环中添加项目：
packDiv.innerHTML = packDiv.innerHTML + "<img id='" + thumbName + "' src='thumbs/" + thumbName + "'/>";
循环完成后，我尝试使用以下方法选择一个项目：
console.log($("#"+thumbName));
它返回空数组。我搜索的所有东西都显示使用.on，但所有示例都显示设置事件处理程序。
我的问题是如何为动态创建的元素格式化选择器？
假设thumbName是一个文件名，例如foo.jpg，它不会像您期望的那样被 jQuery 解析。.jpg名称的一部分被视为类名，并且由于您没有为该元素提供此类名称，因此 jQuery 返回一个空数组 - 它找不到与您的选择器匹配的任何内容。您实际上是在搜索具有 idfoo和 class name的元素jpg。
我会采取的方式是这样的：
var packDiv = $('#templates');
packDiv.empty();
//inside a loop
packDiv.append("<img class='" + thumbName.replace(/\./g,'') + "' src='thumbs/" + thumbName + "'/>");
console.log($("."+thumbName.replace(/\./g,'')));