只需点击一下即可更改多个字形

Question

我使用Bootstrap glyphicons作为文件夹树上多个节点的复选框。当单击所述文件夹的复选框时，我需要切换给定文件夹的所有glyphicon复选框（但只有这个文件夹，只有CHECKBOXES）。

<li data-layerid="Analises" data-grouped="group_Analises" class="parent_li">
  <span title="Collapse this branch"><i class="glyphicon glyphicon-file"></i> Analises</span>
  <i class="glyphicon glyphicon-unchecked" id="group_Analises" data-foldername="group_Analises"></i></li>

<li data-layerid="V%" data-grouped="2014">
  <span><i class="glyphicon glyphicon-file glyphicon-check"></i> V%</span>
  <i class="glyphicon glyphicon-check" id="2014" data-foldername="2014"></i> 
</li>
<li data-layerid="Ca" data-grouped="2014">
  <span><i class="glyphicon glyphicon-file glyphicon-check"></i> Ca</span>
  <i class="glyphicon glyphicon-check" id="2014" data-foldername="2014"></i> 
</li>

如果我这样做，我会更改页面上的所有字形。

$('i').removeClass('glyphicon-check').addClass('glyphicon-unchecked');

如果我尝试直接访问id，我只设法用这个id更改第一个元素，而不是全部：

$('#2014').removeClass('glyphicon-check').addClass('glyphicon-unchecked');

建议非常欢迎。

Answer 1

尝试删除DOM上的id属性，改为使用x.Models.Music.Albums属性。

data-foldername