只显示一个`<div>`元素及其所有子元素</div>

Question

我有一个相当复杂的HTML页面，有一个大的DOM元素树。对于指定的<div id='mydiv'>，我想隐藏<div id='mydiv'>中未包含的所有DOM元素，并显示（包括）<div id='mydiv'>中包含的所有DOM元素。

我尝试过的jQuery代码是：

$('*').hide();
$('#mydiv').show();

但这不符合我的要求。

Answer 1

   $('body > *').hide();   
   $('#mydiv').show(); 

http://jsfiddle.net/efortis/VC5Q6/