获取动态生成id的元素的id

Question

我有一组元素，它们是通过Handlebars动态生成的，如下所示

{{#floor as |room i|}}
<div class="btn-group-toggle" data-toggle="buttons" >
<label class="btn btn-secondary" id="{{id}}">
<input type="checkbox" autocomplete="off"> {{name}}
</label>
</div>
{{/floor}}

正如您所看到的，这些元素是用id＝"创建的；｛｛id｝｝"；。但是当页面加载完成时，我想隐藏这些元素，直到用户单击按钮。我发现很难获得动态ID

目前，我正在使用JQuery，如下所示

$(document).ready(function () {
$('#{{id}}').hide();
});

这适用于已知的id，但在这种情况下，我不知道id

Answer 1

如果您试图隐藏元素，您也可以选择一个唯一的类。

{#floor as |room i|}}
<div class="btn-group-toggle" data-toggle="buttons" >
<label class="btn btn-secondary unique-class" id="{{id}}">
<input type="checkbox" autocomplete="off"> {{name}}
</label>
</div>
{{/floor}}

使用JQuery:

$(document).ready(function () {
$('.unique-class').hide();
});