因此,我正在使用一个在菜单中生成“ 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] 删除。
我来说两句