jquery - JQuery 多个选择器

Question

我有以下 HTML 标记：-

<select name="List1" id="l1">
<option>One</option>
<option>Two</option>
<option>Three</option>
<option>Four</option>
<option>Five</option>
</select>  

<select name="List2" id="l2">
<option>One</option>
<option>Two</option>
<option>Three</option>
<option>Four</option>
<option>Five</option>
</select>  

使用以下 Jquery：-

$('#l1 option:nth-child(n+5)').wrapAll('<optgroup label="Group 1">');

$('#l2 option:nth-child(n+5)').wrapAll('<optgroup label="Group 1">');

我想将其转换为使用一条 Jquery 行来处理

所以使用这个： -

$('#l1 option:nth-child(n+5), #l2 option:nth-child(n+5)').wrapAll('<optgroup label="Group 1">');

似乎包装了两个选择列表中组合的所有元素。

我希望上面单独包装每个选择列表的元素。

Answer 1

你不能wrapAll但不能包装所有元素......

您必须使用两个选择器，或者使用一个end不是最佳实践的选择器...

wrapAll 文档：

描述：围​​绕匹配元素集中的所有元素包裹一个 HTML 结构。