如何使用jQuery隐藏除特定一个之外的所有子div？

Question

<div id="target">
    <div id="exclude"></div>
    <div></div>
    ...
</div>

$('#target').children().hide();会隐藏所有内容。

Answer 1

您要做的是隐藏特定元素的所有兄弟。 jQuery使用.siblings方法相对简单：

​$("#exclude").siblings().hide();​​​​

这将隐藏同一级别中同一父元素中的所有元素。

Answer 2

我相信$('#target > div').not('#exclude').hide()应该做你想做的事。

或者，如果你想要也是div的子孩子，$('#target div').not('#exclude').hide()

Answer 3

$('#target').children().hide();
$('#exclude').show();

Answer 4

使用 :not 选择器

Answer 5

您是否尝试过将“not”选择器与要排除的ID一起使用？

http://docs.jquery.com/Selectors/not#selector

另外，明显的答案是用$（'＃exclude'）跟随它。显示（）