不同 div 中的 jquery 同级选择器

Question

我是 jquery 新手，并试图使用户帮助我完成的代码工作，但我现在遇到了麻烦。

我想让我的摄影网站在顶部有按钮，当您单击按钮时，您单击的类别(即“风景”“肖像”“婚礼”)会显示带有这些“标签”的所有帖子(div 类)。我让它在 fiddle 中工作，但是当我尝试将 div 包裹在帖子和按钮周围以将它们放置在页面上时，同级选择器会中断。

较旧的工作在这里摆弄(没有div包装器):http://jsfiddle.net/PxpXy/

这里损坏的 fiddle (带有 div 包装):http://jsfiddle.net/JUsZK/10/

我已将包装器添加到顶部的按钮和上下文(#test 和 #test2)，但现在(显然)同级选择器不起作用。

我怎样才能仍然拥有我的网站功能并使用 div 包装器将它们重新定位在页面上？我是否不再需要同级选择器？

谢谢!

Answer 1

假设您已将图片包装在 ID 为“test”的 div 中，您可以执行以下操作:

$('#test .post').hide();

也就是说，隐藏“#test”div 内具有“.post”类的元素。

演示:http://jsfiddle.net/nnnnnn/JUsZK/12/