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

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

演示

Answer 2

尝试使用属性包含选择器

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

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