0

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

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

所以，我想在选择一个项目时隐藏带有 class="grid_4" 的 div。我的脚本在这里很麻烦。（目前，jsfiddle.net 似乎不适用于 Chrome。）

我试图改变

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

至

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

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

任何人都可以帮我解决这个问题吗？

谢谢。

4

1 回答 1

1

您的 jsFiddle 似乎工作正常：如果您想要隐藏grid_4div（即将它们设置为display: none），那么您需要的正是您建议的：.parent().parent().hide(). 我在这个小提琴中试过它并且它有效。当然，您也必须在第一个选择中进行相同的更改。

if (!($(this).hasClass($currentSelection))) {
    $(this).parent().parent().hide();
}
...
$options.not("#" + $currentSelection).parent().parent().hide();
于 2013-01-10T11:26:34.687 回答