条件选择隐藏父（）

Question

我有这个工作正常的条件选择。当一个项目被选中时，它会隐藏所有其他父 div，除了包含所选项目的那个。

但是，在实现此脚本时，每个项目都被包装在另一个 div 中，并带有 class="grid_4" - 这个 div - 即使对于未选择的项目隐藏了内容 - 也会给我带来布局方面的问题。

所以，我想在选择项目时隐藏 class="grid_4" 的 div。我的脚本在fiddle here 中。 （目前，jsfiddle.net 似乎无法在 Chrome 中运行。）

我试图改变

$options.not("#" + $currentSelection).parent().hide();

到

$options.not("#" + $currentSelection).parent().parent().hide();

- 但这并没有改变任何东西。

谁能帮我解决这个问题？

谢谢。

Answer 1

您的 jsFiddle 似乎工作正常：如果您想要隐藏 grid_4 div（即将它们设置为 display: none），您需要的正是您建议的：.parent().parent().hide()。我在this fiddle 中尝试过，它可以工作。当然，您也必须在第一次选择中进行相同的更改。

if (!($(this).hasClass($currentSelection))) {
    $(this).parent().parent().hide();
}
...
$options.not("#" + $currentSelection).parent().parent().hide();