Question

我有这个条件选择工作正常。选择某个项目时，它会隐藏除包含所选项目的所有其他父div之外的其他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();

条件选择隐藏父（）

1 个答案: