jquery - トグルクラスオンクリック

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");

または、あなたが呼び出した場所から渡すことができ#ますidtabClick

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

Answer 3

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

これはあなたが探しているものだと思います。