Question

我目前一直试图从图像元素中获取图像源（例如：./ imgs / image.jpg）。

我通过使用以下方式设法让它部分工作：

var image = document.getElementById("home-our-doughnuts-box-image").getAttribute("src");

但是我需要使用$(this).find("#MY_IMAGE_ELEMENT_ID_HERE").getAttribute("src");所以它引用了正确的框和图像（我有多个容器，其中的元素共享相同的ID，与框相同）。

那么如何使用$(this).find()访问图像src属性以返回未解析的路径，因为它不起作用？

谢谢。

修改

我正在使用this，因为我已为每个框分配了click个功能。因此，需要使用$(this)来引用该特定框。

完整代码：

   box.onclick = function() {
     var image = $(this).find("#home-our-doughnuts-box-image").getAttribute("src");

     alert(image);

     doughnutExpandedName.text($(this).find("#home-our-doughnuts-box-name").text());
     doughnutExpandedDesc.text($(this).find("#home-our-doughnuts-box-desc").text());

};

Answer 1

试试这个：

var src = $(this).find("#MY_IMAGE_ELEMENT_ID_HERE").attr("src");

使用$（this）.find（＆＃34;＆＃34;）从图像元素获取图像源;

1 个答案: