通过url在页面上查找图片，并将数据放在下面答案

【问题标题】：Find picture on page by url, and put data below通过url在页面上查找图片，并将数据放在下面
【发布时间】：2012-10-03 13:23:54
【问题描述】：

我试图找出一种方法，通过它在 DOM 中的 URL 找到图片，然后在图片下方插入一个小表单。我需要帮助来理解通过 URL 在页面上查找图片的想法，以及如何将数据放在图片正下方。它不需要什么花哨的东西。

【问题讨论】：

【解决方案1】：

您可以使用属性等于选择器。

因此类似于：

$("img[src='Your URL']")

要添加一个表单，您可以使用 Append 方法

因此类似于：

$("img[src='Your URL']").append("your HTML");

编辑：

查看一个工作示例的 JS fiddle： http://jsfiddle.net/2RDJU/1/

我实际上使用了 after() http://api.jquery.com/after/ 而不是 append，因为我们无法将 HTML 插入到 img 标签中。

【讨论】：

【解决方案2】：

可以很容易地用jQuery完成：

$('img:not([src="imageNameHere.png"])');

只要确保你把下面这行放在你的脑海里

<script src="//ajax.googleapis.com/ajax/libs/jquery/1.8.0/jquery.min.js" type="text/javascript"></script>

【讨论】：

【解决方案3】：

使用 jquery 很简单：

$('img[src=/url/to/image]')

使用标准 JS，你会遇到类似的东西

imgs = document.getElementsByTagName('img');
for (i = 0; i < imgs.length; i++) {
   if (imgs.src == '/usr/to/image') {
      ...
   }
}

【讨论】：