javascript - 具有相同类的元素 id 的数组

Question

我是 Javascript 新手，需要您的帮助。我想要一个元素 Id 数组以供下次使用。

示例:

<div id="myDiv">
  <input type="checkbox" id="checkbox1" class="checkboxes" value="checkbox1_v">
  <input type="checkbox" id="checkbox2" class="checkboxes" value="checkbox2_v">
  <input type="checkbox" id="checkbox3" class="checkboxes" value="checkbox3_v">
  <input type="checkbox" id="checkbox4" class="checkboxes" value="checkbox4_v">
</div>

我需要一个像这样的数组(“checkbox1，checkbox2，checkbox3，checkbox4”)设置为var以在下一个js函数中使用，如果选中适当的复选框则显示/隐藏div(使用forEach检查每个复选框并如果选择则将 .show 设置为 div)。

显示/隐藏我拥有的 js 的一部分，并且在测试中它对于一个特定的复选框工作正常。但使用数组的原因是复选框的数量是动态的，并且外部 div 和输入类的公共(public)属性只有“myDiv”。

提前致谢。

Answer 1

您可以使用.map()生成这样的数组，例如

var ids = $('#myDiv .checkboxes').map(function(){
    return this.id;
}).get();

在本例中，它会生成一个数组，其中包含具有复选框类的所有元素的 ID