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

Question

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

Answer 1

可以很容易地用 jQuery 完成：

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

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

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

Answer 2

使用 jquery 非常简单：

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

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

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

Answer 3

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

http://api.jquery.com/attribute-equals-selector/

因此类似于：

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

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

http://api.jquery.com/append/

因此类似于：

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

编辑：

请参阅工作示例的 JS 小提琴：http: //jsfiddle.net/2RDJU/1/

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