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結構包裹在匹配元素集中的所有元素周圍。