2011-10-15 84 views
0

我有一個產品頁面的常用鏈接列表,我需要瀏覽並獲取每個產品頁面上產品圖像的所有鏈接。識別某個網站頁面上的某個常見部分

例如,我已經遠遠得到這樣的:我有一個整體的電子表格充滿了這樣的

http://www.apc.com/products/moreimages.cfm?partnum=WSYSW100KF 

的問題是我需要的另一列在我的電子表格中的acutal圖像鏈接鏈接(它; S將是用於在eccomerce店進口)

的事情是這些圖片鏈接似乎沒有以任何方式匹配起來,可以說是相當不同的

http://www.apcmedia.com/resource/images/500/Front_Left/98EC66CA-5056-AE36-FE51936B432B1C17_pr.jpg 

我已經確定,儘管ŧ帽子這些圖像坐在什麼樣子的產品頁面代碼

<div align="center"><img align="center" src="http://www.apcmedia.com/resource/images/500/Front_Left/98EC66CA-5056-AE36-FE51936B432B1C17_pr.jpg"></div> 

我怎樣才能indetify的公共區域是<img align="center" src="">參與jQuery的每一頁上?

我在想,如果我遍歷所有這些鏈接,然後我可以抓住相關的直接圖像鏈接,抓住它並重新填充到另一個電子表格列中。

我只是不是100%如何實現這一點,任何意見將不勝感激。

感謝

回答

0

使用該選擇器選擇相關圖片:

var result = []; 
$("div[align=center] > img[align=center]").each(function(){ 
    var link = $(this).prop("src"); 
    //Do something, eg: 
    result.push(link); 
}); 
//result is a list which hold all links 

.prop()返回圖像的絕對URL,甚至當src屬性包含相對URL。
A > B選擇每個元素B,它是A的直接子元素。

如果你的src屬性*遵循一定的模式,你也可以使用以下的選擇:

$("div[align=center] > img[src^='http://path/to/images'][src$='.jpg']"); 
//src^= means: Match if the `src` attribute starts with ... 
//src$= means: Match if the `src` attribute ends with ... 
+0

謝謝,我會看看那個 - 路徑圖像(src屬性)是有點規律,但它似乎有時會有所不同,例如iut總是有「圖像」的路徑,但後面的文件夾有時可能會有所不同。 http://www.apcmedia.com/resource/images/500/Front_Left/98EC66CA-5056-AE36-FE51936B432B1C17_pr.jpg – mro

相關問題