Javascript 如何在其类（而不是ID）上使用jQuery获取select的所有选项？

我从中学到了如何使用ID进行此操作，我最喜欢此解决方案：

var options = $('#selectBox option');

var values = $.map(options ,function(option) {
    return option.value;
});

我在一个单独的容器中有许多重复块，如下所示：

<div class="section">
  <label><input type="checkbox" name="A" value="2" class="factor-checkbox">A</label>


  <select class='helperBox' id='helperBox' >
        <option val='AB'>AB</option>
        <option val='BCD'>BCD</option>
        <option val='C'>C</option>
        <option val='AD'>AD</option>

      </select>
  <label>Result <input type="text" value="10" class="result" ></label>

</div>

<div class="section">
  <label><input type="checkbox" name="A" value="2" class="factor-checkbox">A</label>

  <select  class='helperBox'>
        <option val='B'>B</option>
        <option val='BD'>BD</option>
        <option val='AC'>AC</option>
        <option val='C'>C</option>
      </select>
  <label>Result <input type="text" value="20" class="result" ></label>

</div>

---

但显然，只有一个助手箱。如何使每个部分的许多人都能使用它。因此，组合数组在不同的节中是不同的？

您可以根据以下假设使用它的作用域，即此处的内部loadCombos指的是节div中的按钮：

---

ID在CSS中是唯一的。 您可以将ID更改为类，或者使用单独的ID和公共类名

<div id="helperbox1" class="helperbox"></div>
<div id="helperbox2" class="helperbox"></div>

或者使用两个类，如

 <div class="helperbox b1"></div>

---

谢谢，我正在搜索类似的东西，但是var options=$combos.find'option'；找不到它，返回[]。

<div id="helperbox1" class="helperbox"></div>
<div id="helperbox2" class="helperbox"></div>

 <div class="helperbox b1"></div>