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="">部分进行说明？

我在想，如果我遍历所有这些链接，那么我可以抓住RELavnt直接图片链接，抓住它并重新填充到另一个电子表格列。

我不是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会选择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 ...

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

1 个答案: