通過網址在頁面上查找圖片，並將數據放在下面

Question

我試圖找出一種方法，通過它的URL在DOM中查找圖片，然後在圖片下方插入一個小表格。我需要幫助理解通過URL在頁面上查找圖片的想法，以及如何將數據放置在圖片下方。它不需要任何幻想。

Answer 1

您可以使用Attribute equals選擇器。

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/而不是附加，因爲我們不能插入HTML到img標籤。

Answer 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> 

Answer 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') { 
     ... 
    } 
}