jQuery每个toggleClass

爱德华多·阿拉霍(EduardoAraújo)

因此,我正在使用一个在菜单中生成“ li's”的foreach。当前只有两个“ 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

彼得·克拉克

如果您希望所有生成的项目都受到影响。使用一个类来匹配多个元素。将您的标记替换为:

 <span class='fontsala'>

和您的脚本与:

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

更新:

这是如果您仍要使用$ .each。但是正如@Barmar所说,它可以缩短。

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

本文收集自互联网,转载请注明来源。

如有侵权,请联系[email protected] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

jQuery:将每个类悬停在其他div上的toggleClass上时

来自分类Dev

jQuery .toggleClass()过渡

来自分类Dev

jQuery toggleClass与淡入效果

来自分类Dev

jQuery .toggleClass()速度

来自分类Dev

动画的jQuery toggleclass

来自分类Dev

jQuery toggleClass冲突

来自分类Dev

jQuery toggleClass回调如何?

来自分类Dev

jQuery ToggleClass在多个元素上

来自分类Dev

jQuery ToggleClass使用索引属性

来自分类Dev

jQuery-ToggleClass / AddClass / RemoveClass

来自分类Dev

jQuery toggleClass无法正常工作

来自分类Dev

带有cookie的jQuery toggleclass

来自分类Dev

内联SVG上的jQuery toggleClass

来自分类Dev

jQuery toggleClass不起作用

来自分类Dev

jQuery toggleClass()无法正常工作

来自分类Dev

jQuery:临时toggleClass / addClass,removeClass?

来自分类Dev

悬停时的jQuery toggleClass儿童

来自分类Dev

jQuery ToggleClass使用索引属性

来自分类Dev

jQuery toggleClass定位正确的元素

来自分类Dev

jQuery toggleClass没有结果

来自分类Dev

jQuery toggleClass回调如何?

来自分类Dev

jQuery toggleClass()复选框未选中

来自分类Dev

jQuery:执行toggleClass后执行函数

来自分类Dev

IE8上的jQuery toggleClass

来自分类Dev

jQuery toggleClass不适用于标签

来自分类Dev

jQuery,使用.queue()级联CSS toggleClass()

来自分类Dev

带有最接近的jQuery toggleclass

来自分类Dev

jQuery:使用ToggleClass编写Mega菜单

来自分类Dev

toggleClass在循环中选择jquery