识别网站页面上的某个公共部分

Question

我有一个产品页面的常用链接列表，我需要仔细阅读每个产品页面上产品图像的所有链接。

例如，我已经了解到了这一点：我有一个完整的电子表格，其中包含这样的链接

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

问题是我需要电子表格上另一列的原始图像链接（它将用于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>

如何在每页的Jquery中确定<img align="center" src="">部分？

我在考虑是否要遍历所有这些链接，那么我可以抓住重新释放的“直接图像”链接，抓住它，然后重新填充到另一个电子表格栏中。

我不是100％如何做到这一点，任何建议将不胜感激。

谢谢

Answer 1

使用此选择器选择相关图像：

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选择作为A的直接子元素的每个元素B

如果您的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 ...