Question

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

所以我用它来隐藏可选

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

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

知道我做错了吗？

Answer 1

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

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

<小时/> 已修改：将...('.optional')...更改为...('div.optional')...，这会减少功能工作所需的时间（因为它只查看一组标记<div>而不是所有这些，检查他们的班级名称。