我有 HTML 页面:
<head></head>
<body>
<div>
<div>
<div id="myDiv">
</div>
</div>
</div>
</body>
如何使用 jquery 隐藏所有 div,并仅将 myDiv 放在主体内?
Update
该页面可能包含一些其他 html 元素,例如一些表格、锚点、p,而我只想查看 myDiv 元素。
这应该有效:
$('div:not(#myDiv)').hide(); // hide everything that isn't #myDiv
$('#myDiv').appendTo('body'); // move #myDiv up to the body
Update:
如果你想隐藏一切,而不仅仅是div
元素,请使用它:
$('body > :not(#myDiv)').hide(); //hide all nodes directly under the body
$('#myDiv').appendTo('body');
可能更简单的方法是将页面的整个“可隐藏”部分包装在一个大容器元素中,然后直接隐藏它。
Like so:
<body>
<div id="contents">
<!-- a lot of other stuff here -->
<div id="myDiv>
</div>
</div>
</body>
然后你就可以这样做,这样更干净、更快:
$('#contents').hide();
$('#myDiv').appendTo('body');
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)