如何显示/隐藏特定的文件夹图像？

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();