隐藏JavaScript中的所有ID

Question

我需要隐藏所有ID为'media'的标签

例如:

`<div id='media'>contents</div>`

`<div id='media'>content</div>`

如何使用JavaScript执行此操作？

Answer 1

WOAH在那里放慢了第二个伙伴!

ID = IDENTIFIER = UNIQUE

你只能使用id一次 #id

CLASS = CATEGORY/GROUP = NOT UNIQUE

您可以根据需要随处使用课程.class.

不要命名类.id,这很愚蠢.
不要将id命名为#class,因为这也是愚蠢的.

document.getElementByClassName("class").style.display ='none';

那就行了.

显然不,它不会,阅读这个关于问题的SO问题.

jQuery实现

注意:以下所有示例都假设.hidden是在css文件中定义的,如下所示:

.hidden {
    display: none;
}

隐藏的东西

通过id隐藏内容:

$("#id").addClass("hidden");

按类别隐藏某些内容:

$(".class").addClass("hidden");

隐藏内容中的所有内容:

$("#specificSomething *").addClass("hidden");

隐藏baconid中的所有类stomach:

$("#stomach .bacon").addClass("hidden");

显示东西

显示隐藏的所有内容:

$(".hidden").removeClass("hidden");

显示隐藏在某些内容中的所有内容:

$("#specificSomething .hidden").removeClass("hidden);

别忘了!

您还可以使用内置的功能,show()并且hide(),像这样:

$("#specificsomething").hide();

$("#specificsomething").show();

他们也有一些内置的幻想,比如基本的动画.请参阅文档以使用它们.

最好不要混合和匹配这两种方法,你很容易混淆自己,浪费大量时间追逐愚蠢的错误.

不要限制自己!

如果您是新手或不熟悉jQuery,请不要忘记您可以执行以下操作:

• 隐藏任何具有特定颜色的内容.
• 检查a的第一个字母<p>是否为元音,并隐藏整个元音<p>.
• 隐藏所有元音,无处不在.
• 隐藏用户点击的任何内容(精心制作动画时非常有趣).

这些只是魔术jQuery能够实现的一些(诚然是愚蠢的)例子.有一整本书充满了新的和疯狂的做事方式.它被称为文档.不要害怕它,因为它很大而且充满了文字.潜入!一切都有例子.尝试尝试它们,即使你不认为它们会起作用(你会感到惊讶).

我只会给你五个最简单的例子.我可能会在稍后回到这个问题,然后更加精彩.

用户点击它时隐藏任何内容:

$("*").click(function () { 
     $(this).slideUp(); 
});

智慧警报!

记住,仅仅因为你做得不对,并不意味着你做错了.有时候,你根本就没有这样做.

俗气的警告!

记住,保持优雅总是更好.

Answer 2

document.getElementById("media").style.display = 'none';

如评论中所述,您实际上每页只应使用一次特定的ID值.将类名用于多个元素.