Javascript JQuery：隐藏/显示非活动选项卡中的元素

我有三个标签。除其他元素外，每个元素都有一个名为optional的div。 可选最初是使用Javascript隐藏的，我不想使用CSS（如果禁用js，div就不会被隐藏）

所以我用它来隐藏可选的

$(function(){ 
   $('#optional').hide();
});

现在，这在第一个选项卡上运行良好，但在接下来的两个选项卡上不会隐藏。它们都有相同的代码，没有命名冲突，也没有javascript错误报告

知道我做错了什么吗

$(function(){ 
   $('div.optional').hide();
});

Classname而不是

id

，因为id必须是唯一的。通过DOM/JS，如果不是html。

---

---

已编辑：将

…（'.optional'）…

更改为

…（'div.optional'）…

，这将减少函数运行所需的时间（因为它只查看了一组标签，而不是所有标签，检查它们的类名。

ID是唯一的，你只能有一个ID为“可选”的元素。……该死！我接受答案，而不是答案。我实际上是在说明（真的……在纸上！）在可能出现的情况下…比如一个奇怪的流程图，说明我正在使用的各种插件，并检查它们的代码和狗屎…真不敢相信我错过了这么简单的东西。“div.optional”不会比“optional”快在大多数浏览器中，由于使用了后者的原生GetElementsByCassName…我需要为它们提供唯一的ID和类名，所以没关系，我还是会使用ID。感谢你们的帮助…我会等着看JP是否会给出答案，因为他是第一个…然后接受一个！@J-P，真的吗？我一直认为使用

element、 classname

意味着浏览器只查看文档中的div，而

.classname

（无元素）意味着浏览器必须检查body标记内每个元素的类名（可能包括body标记，我不确定）.我意识到这将是一个几乎无法察觉的速度提升，但当时感觉很值得。