Question

我需要完全隐藏隐藏的元素。如果您使用过Firefox Web Developer插件，您可以通过单击看到所有隐藏元素及其值

所以我试着申请

visibility: none;
display: none;

它没有按预期工作。所以我考虑创建一个与隐藏元素大小完全相同的图层，给它z-index:999并使它们的位置相同，所以即使Web Developer插件尝试显示它们，它们也只会看到div。

Answer 1

如果要完全删除给定容器中的HTML内容，可以使用jQuery执行此操作：

$('#contentContainer').html('');

即使faster方式也这样做，请使用empty()：

$('#contentContainer').empty();

要删除容器本身及其所有内容，请使用remove()：

$('#contentContainer').remove();

Answer 2

WebDeveloper和FireBug等插件允许开发人员浏览到网页的DOM。没有办法在DOM中有一个元素，并且在其中一个工具中不可见。

Answer 3

您可以尝试通过jQuery生成隐藏元素。就像在体内插入隐藏的段落一样：

$('<p>test</p>').css({'display':'block'}).appendTo('body');  $('button.test').live('click',function(){
            $('<p>some hidden field</p>').css({'display':'block'}).appendTo('body');
        });

Answer 4

Web Developer插件用于此目的..这对开发人员有用

没有什么可担心的......

Answer 5

使用display：none属性就足够了;也许这是WebDeveloper插件的bug /功能。因此，可能存在隐藏的偏好选项，例如“[X]显示不可见元素”。

或者您可以像几秒钟前建议的另一个答案一样强行从DOM中删除对象。

Answer 6

将元素的内部HTML保存在JS变量中，并将html设置为none

Answer 7

如果你使用jquery：

$('#DivName').hide()

或清空div：

$('#DivName').html('');

删除它：

$('#DivName').remove()

使用HTML / JavaScript / CSS隐藏隐藏元素

7 个答案: