如何根據圖庫中圖像名稱的前綴過濾圖像

我在圖庫中顯示了以下圖像，我正在使用lightbox來顯示此圖像。現在，我想包括一個過濾器，使我有兩個按鈕TH和TS。當我點擊TH時，應該顯示所有帶有前綴TH的圖像，當我點擊TS時，所有帶有前綴TS的圖像都應顯示在圖庫中。
下面是代碼 -如何根據圖庫中圖像名稱的前綴過濾圖像

<div id="vlightbox"> 
     <a id="firstImage" title="Bath Mat" href="images1/TH1.jpg" class="vlightbox"> 
      <img alt="Bath_Mat" src="images1/TH1.jpg"/> 
      <p class="para"> 
       BATH MAT RUG - PINK<br> 
       <strong>Material Used:</strong>Cotton<br> 
       <strong>Design:</strong> Square |<strong> Colour:</strong> Pink<br> 
       <strong>Size:</strong> As per requirement 
      </p> 
     </a> 
     <a title="Bathmat Cotton Yellow" href="images1/TS1.jpg" class="vlightbox"><img alt="Bathmat-Cotton-Yellow" src="images1/TS1.jpg" /> 
      <p class="para">BATH MAT RUG - YELLOW<br> 
       <strong>Material Used:</strong>Cotton<br> 
       <strong>Design:</strong>Stripes | <strong>Colour: </strong>Yellow <br> 
       <strong>Size:</strong> As per requirement 
      </p> 
     </a> 
</div>

我如何可以篩選畫廊這個圖像上的圖像名稱的前綴ASED

來源

2014-03-13 user3004356

$('a.vlightbox[href*="/TS"]');

會給你TS-圖像的所有a標籤都有效。

用TH-圖像替換TS與TH。

來源

2014-03-13 06:59:17 phortx

如何根據圖庫中圖像名稱的前綴過濾圖像

回答

相關問題