Как показать/скрыть определенные изображения папки?

Question

У меня есть следующий HTML-код, полученный с помощью слайдера плагина ....

<div id="someid"> 
<img src="/mysite/images/one/img-1.jpg" /> 
<img src="/mysite/images/one/img-2.jpg" /> 
<img src="/mysite/images/one/img-3.jpg" /> 
<img src="/mysite/images/one/img-4.jpg" /> 

<img src="/mysite/images/two/img-1.jpg" /> 
<img src="/mysite/images/two/img-2.jpg" /> 
<img src="/mysite/images/two/img-3.jpg" /> 
<img src="/mysite/images/two/img-4.jpg" /> 
</div> 

Итак, теперь я две кнопки. Как я могу скрыть все изображения двух папок при нажатии на кнопку one и скрыть все изображения одной папки при нажатии two?

Я просто использовал $('img[src*="one"]').hide();

Answer 1

Вы можете использовать * =

$('#two').on('click', function() { 
    $('img[src*="/one/"]').hide(); 
}); 

DEMO

Answer 2

Попробуйте использовать attribute contains selector

$("src*='images/two/'").hide(); 

$("src*='images/one/'").hide();