使用jQuery为CDN上托管的所有图像应用红色边框

Question

我正在使用Amazon S3,并在那里托管某些图像.反过来检查每个图像以验证它来自CDN是否有点痛苦,有时会添加新图像并且有人忘记上传它们,我认为有一个视觉提示可以从调试面板访问.

我想在我的页面上所有来自CDN的图像上画一个红色边框.

我怎么能用jQuery做到这一点.需要通过URL(例如'images.example.com')来识别图像.

如果你有一个比简单的红色边框更聪明的解决方案,额外的点.

Answer 1

如何使用attribute*=选择器这样简单的事情:

$(document).ready( function() {
  $('[img[src*=yourcdndomain]').addClass('from_cdn');
} );

您可能更愿意attribute^=检查"以'开头而不是'包含'.