使用jQuery从动态生成的类名中删除空格

Question

我有一系列按钮和一系列div。它们被赋予了基于drupal字段集合内容的类名，然而这些内容片段是带有空格的程序标题("游戏设计"，"计算机编程"等)。

我想有它，所以当一个按钮被单击，一个div与被单击的按钮相同的类名是隐藏的。但是，我认为动态生成的类名会引起问题，因为标题中每个单词之间的间距和创建一大堆类，因此按钮不起作用。

为了让您了解类是如何生成的，这里有字段收集文件中的一行，其中div被赋予了它们的类名。

<div id="panel-wrap" class="<?=$content['field_curriculum_program_title'][0]['#title'] ?>">

和按钮…

<?php for ($i = 0; $i < count($program_name); $i++) { ?>
  <button id="fullscreen-button" class="<?php print $program_name[$i];?>">
    <h4><?php print $program_name[$i]; ?></h4>
  </button>
<?php } ?>

所以-有一个简单的方法采取多个对象具有相同的id和应用jQuery从他们的类名删除所有的间距?

Answer 1

您应该在PHP中使用str_replace将空格替换为下划线，这样就不那么麻烦了。