只显示几个div并使用jquery隐藏所有其他div

Question

我有一个主要的div <div id="divMain">，在其中我有多个部门。但是，我试图只显示几个div说<div id="div3"> & <div id="div4">并隐藏divMain中的其他内容。我没有得到它。任何想法都将不胜感激。

Answer 1

您可以使用:not选择器过滤掉使用其选择器隐藏的少量元素：

$('#divMain div:not(#div3,#div4)').hide();

如果你在div3和div4中有内部div，你可以使用：

$('#divMain div:not("#div3,#div4,#div3 *,#div4 *")').hide();

<强> Demo

Answer 2

首先隐藏div中的所有divMain，然后使用Multiple Selector (“selector1, selector2, selectorN”)显示您想要的几个。

$('#divMain div').hide();
$('#div3, #div4').show();

Answer 3

$( "#div1, #div2" ).hide();

它支持多个DOM元素。