如何获取动态（jquery 创建的）元素内 <img> 的 src？

Question

$("#grid").on("click", $("#grid > .items > img"), function () {  alert($(this).css("src"));});grid 是父级。我需要获取单击项目的 img 的 src 。

Answer 1

这里有几个问题：

1. 您的事件委托语法不正确。您可以简单地传递一个字符串，而不是传递 jQuery 对象。

2. 另外，在选择器中，您不需要#grid再次传递，因为当您使用时它已经指向父容器：$("#grid").on("click", ...

3. 另外，.css(propertyName)用于获取匹配元素集中第一个元素的计算样式属性值，但在这里您不是在查找任何样式属性，而是在查找src元素的属性。因此，您需要.attr(attributeName)在此处使用方法，因为它获取匹配元素集中第一个元素的属性值。

---

因此，更新后的代码将如下所示：

$("#grid").on("click", ".items > img", function() {
  alert($(this).attr("src"));
});

Answer 2

您实际上应该访问src属性的img。所以它会是这样的：

alert($(this).attr("src"));