Question

我正在重新设计使用WordPress构建的网站。我已经更新了主题，添加了自定义等等 - 但是，每个出版物卷都有大量的页面，它们都有封面图像，所有页面都没有添加类或ID。我不确定它们是如何从网站的静态旧静态版本导入的，我无法联系以前的开发人员。

图像都以图像名称中的“Vol-”开头，那么有没有办法定位这些图像以添加一个类并调整它们的大小？我想专门申请一个课程，而不是通过数百页来完成。这可以用jQuery吗？

有一点需要注意：如果它很重要：它们包含在一个表格中，旁边有一个数字图像。

示例：http://jmpee.org/whitepapers/current-issue-2/

Answer 1

您可以使用选择器“属性SRC以Vol-开头”img[src^="Vol-"]来定位此类图像。样式可以用纯CSS完成，例如

img[src^="Vol-"] {
    width:100px;
    height:100px;
    border:solid 1px blue
}

演示：http://jsfiddle.net/KCnEg/

如果您更喜欢使用jQuery，则可以将相同的选择器用作jQuery选择器。请注意，如果实际属性不以“Vol-”开头，例如它类似于<img src="http://mysite/folder/vol-15.png" />，则可以将选择器“属性SRC包含Vol-”：img[src*="Vol-"]

有没有办法根据名称在目录中定位图像？

1 个答案: