Jquery each toggleClass

Question

私はメニューで "li's"を生成するforeachを使用しています。現在のところ、2つの "li"しかありません。このボタンをクリックすると、このメニューはより細くなります。このとき、フォントサイズを小さくしたいと思っています。

each（）関数の中でtoggleClass（）関数を使ってみましたが、最初の "li"だけがクラスをトグルします。

foreach ($results as $result){ 
         $local = $result['local']; 
        echo "<li><a class='clsPostData1' data-local='".$result['local']."' data-salaid='".$result['salaid']."' data-salakey='".$result['salakey']."'href='#'><span id='idfontsala'>".$local."</span></a></li>"; 
        } 

私はスパン内で "idfontsala" IDを使用しています。

<script> 

     $(document).ready(function(){ 
    $('.sidebar-toggle').click(function(){ 
    $('#idfontsala').each(function(){ 
     $(this).toggleClass('classfontsala'); 
    }); 
    }); 
}); 

    </script> 

これは何が起こっているかである：あなたがしたい場合は、生成されたすべての項目がhttps://i.imgsafe.org/34d4f934b5.png

Answer 1

に影響を与えたことを。クラスを使用して、複数の要素に一致させます。であなたのマークアップを置き換えます

$('.fontsala').each(function(){ 
    $(this).toggleClass('classfontsala'); 
}); 

UPDATE：と

<span class='fontsala'> 

そして、あなたのスクリプトをあなたはまだ$ .eachを使用したい場合は

これがあります。しかし、@ Barmarが言ったように、それは短縮することができます。

$('.fontsala').toggleClass('classfontsala');