Как отфильтровать изображения по префиксу имен изображений в галерее

У меня есть следующие изображения, отображаемые в галерее, и я использую 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>  

Как фильтровать эти изображения в галерее в соответствии с префиксом имен изображений