我正在重新设计一个使用 WordPress 构建的网站。我已经更新了主题,添加了自定义等 - 但是,每个出版物卷都有大量页面有封面图片,所有这些页面都没有添加类或 ID。我不确定它们是如何从站点的静态旧静态版本导入的,而且我无法联系以前的开发人员。
图像名称中的所有图像均以“Vol-”开头,那么有没有一种方法可以定位这些图像以添加类并调整它们的大小?我想专门为这些应用一个类,而不是通过字面上的数百页来做到这一点。这可以用 jQuery 实现吗?
一个警告,如果重要的话:它们包含在一个表格中,旁边有一张图片。
最佳答案
您可以使用选择器“Attribute SRC begins with Vol-”定位此类图像:img[src^="Vol-"]
.样式可以用纯 CSS 完成,例如
img[src^="Vol-"] {
width:100px;
height:100px;
border:solid 1px blue
}
如果您更喜欢使用 jQuery,可以使用与 jQuery 选择器相同的选择器。请注意,如果实际属性不以“Vol-”开头,例如它类似于 <img src="http://mysite/folder/vol-15.png" />
。您可以定位选择器“属性 SRC 包含 Vol-”:img[src*="Vol-"]
关于jquery - 有没有办法根据名称定位目录中的图像?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/21652847/