jquery - 有没有办法根据名称定位目录中的图像?

标签 jquery css wordpress image

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

图像名称中的所有图像均以“Vol-”开头,那么有没有一种方法可以定位这些图像以添加类并调整它们的大小?我想专门为这些应用一个类,而不是通过字面上的数百页来做到这一点。这可以用 jQuery 实现吗?

一个警告,如果重要的话:它们包含在一个表格中,旁边有一张图片。

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

最佳答案

您可以使用选择器“Attribute SRC begins with 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-"]

关于jquery - 有没有办法根据名称定位目录中的图像?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/21652847/

相关文章:

php - 将响应式菜单拆分为两列

javascript - 在应用程序加载时将 javascript 变量读入 shiny/R

javascript - 将变量从 Javascript 发送到文本框

javascript - datepicker和动态表不使用jQuery函数

jquery - 为什么我的第二个下拉菜单没有被填充?

html - 为什么这个 CSS @keyframes 规则没有淡入淡出?

css - 是否有 "previous sibling"选择器?

css - &lt;!-- 在 &lt;style&gt; 声明中 - 它的不同用途和含义是什么?

javascript - 如何在 Javascript 或 jQuery 中包含 2 个不同的变量作为第三个变量的属性和值

css - 如何在 wordpress 上添加 css 类?