Javascript 使用jQuery选择所有选项

我有一个选项列表，我想实现它的全选功能。我只想做的是，如果父选项选项Pa1是call，那么应该选择同一类中的所有选项元素。在jQuery中如何实现这一点

<select multiple="multiple" name="section_1" class="section_1">
    <option value="1" class="11 parent">Option Pa1</option>
    <option value="2"  class="11">Option 2</option>
    <option value="3" class="11">Option 3</option>
    <option value="11" class="11">Option 1</option>
    <option value="22" class="22 parent">Option Pa2</option>
    <option value="33" class="22">Option 3</option>
    <option value="44" class="22">Option 4</option>
</select>

---

您可以通过class.parent侦听任何选项上的单击

然后更改元素的select属性，单击每个元素，直到下一个选项使用.parent。您可以使用扩展选择并更改属性：

$('select .parent').on('click', function(){
    $(this).nextUntil('.parent').prop('selected', true);
});

$'select.parent'。单击，函数{ $this.nextUntil'.parent'.prop'selected'，true； }; 选项Pa1 选择2 选择3 选择1 选项Pa2 选择3 选择4 选择父选项时，请选择具有相同类的所有选项，并使用将其标记为选中。注意：我假设这里的父元素只有两个类父类，然后是它们与子选项共享的一个类。如果情况并非如此，则必须使用HTML5 data-*属性约定定义一致的分组属性

请参阅下面的可运行示例

$function{ $select.parent.clickfunction{ var classNm=this.className.replaceparent.trim； $option.+classNm.propselected，true； }; }; 挑选{ 高度：200px； 宽度：200px； } 选项Pa1 选择2 选择3 选择1 中间随机值 备选案文5 选项Pa2 选择3 选择4

---

@user1269524具体来说，什么工作方式？我已经包含了两种方法的文档链接。如果我先选择第二个父选项，然后选择第一个，则此链接将中断。请参见上面的评论。这种UI设计更适合复选框。点击一个选项，然后选择其他选项是非常不直观的。同意，但我需要一个下拉列表，设计将不匹配的其他方式