通过网址在页面上查找图片，并将数据放在下面

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']")

然后添加表格，您可以使用附加方法

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

因此像：

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

编辑：

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

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