切换类onclick

Question

对于我的网站，我有一个带有内容的div。

在div上方，我有如下选项卡：

<div id="tabs">
   <div id="tab1" class="tab" onclick="tabClick('tab1');">
      Info
   </div>
   <div id="tab2" class="tab" onclick="tabClick('tab2');">
      Video
   </div>
   <div id="tab3" class="tab" onclick="tabClick('tab3');">
      Serie
   </div>
</div>

如果单击，我想切换类: tabactive。

我有jquery：

function tabClick(id)
{
     $(id).toggleClass("tabactief");      //add the class to the clicked element
}

但是它不起作用，使用onclick来请求jquery操作是错误的吗？

我想要做的是将单击的div的类切换为tabactief。

Answer 1

将其更改为：

$('#' + id).toggleClass("tabactief");   

Answer 2

对于id selector，您必须在id之前添加#。

 $('#' + id).toggleClass("tabactief");

或者，您可以从调用tabClick的位置使用id传递#

<div id="tab1" class="tab" onclick="tabClick('#tab1');">

Answer 3

$('#'+id).toggleClass("Active");

我想这就是你要找的东西。