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这是不是最好的做法使用一个选择......

wrapAlldocs：

描述：将HTML结构包裹在匹配元素集中的所有元素周围。