Jquery每个toggleClass

Question

所以，我使用了一个在菜单中生成"li's“的foreach。目前只有两个“李氏”。当你点击一个按钮时，这个菜单就变薄了，当这种情况发生时，我想减少字体大小。

我尝试使用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>";
                   }

我在span中使用"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

如果希望影响所有生成的项，请执行以下操作。使用类匹配多个元素。将标记替换为：

 <span class='fontsala'>

你的剧本是：

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

更新：

这是如果您仍然想使用$.each的话。但正如巴玛尔所说，它可以缩短。

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