有沒有基於名稱的目錄中的圖像目標的方法？

我正在重新設計一個使用WordPress構建的網站。我已經更新了主題，添加了自定義等 - 但是，每個出版物卷都有大量的頁面，其中有一張封面圖片，所有這些圖片都沒有添加任何類別或ID。我不確定他們是如何從網站的靜態舊靜態版本導入的，我無法聯繫以前的開發人員。有沒有基於名稱的目錄中的圖像目標的方法？

所有圖像都以圖像名稱中的「Vol-」開頭，所以有一種方法可以定位這些圖像以添加一個類並調整它們的大小？我想專門爲這些應用課程，而不是通過幾百頁來完成。這可能與jQuery？

一個告誡，如果它很重要：它們被包含在一張桌子裏，旁邊有一個人像。

2014-02-08 Justin W

您可以定位具有選擇「屬性SRC始於音量 - 」這樣的圖像：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-"]

2014-02-08 23:58:58

哇，真的很簡單吧？謝謝，尤里。有趣的是，你有時可能錯過最簡單的技術。這爲我節省了很多頭痛。最後一點更令人放心。有可能有些人可能不是以「Vol-」開頭，而是在名字中包含「cover」這個詞，所以還有另一種方法來定位他們。 –

回答