Question

所以，我正在使用一个在菜单中生成“li”的foreach。目前只有两个“李氏”。当你点击一个按钮时，这个菜单会变得更细，我想在发生这种情况时减小字体大小。

我尝试在each（）函数中使用toggleClass（）函数来执行此操作，但只有第一个“li”切换类，第二个版本相同。

>>> old_dict = {'AB':['C D'],'E F':['GH'],'IJ':['KL'],'M N':['O P'],'Q R':['S T'], 'U V':['W X']}
>>> {x: y for k, v in old_dict.items() if len(k) == len(v[0]) for x, y in zip(k.split(), v[0].split())}
{'M': 'O', 'N': 'P', 'Q': 'S', 'IJ': 'KL', 'U': 'W', 'V': 'X', 'R': 'T'}

我在一个范围内使用“idfontsala”ID。

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

这就是发生的事情：https://i.imgsafe.org/34d4f934b5.png

Answer 1

如果您希望所有生成的项目都受到影响。使用类来匹配多个元素。用以下内容替换标记：

 <span class='fontsala'>

你的脚本用：

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

更新：

如果您仍想使用$ .each，则为此。但正如@Barmar所说，它可以缩短。

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

Jquery每个toggleClass

1 个答案: