次の 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">');
これを変換して、1 つの Jquery 行を使用して両方の追加を処理したいと考えています。
だからこれを使って： -
$('#l1 option:nth-child(n+5), #l2 option:nth-child(n+5)').wrapAll('<optgroup label="Group 1">');
両方の選択リストで結合されたすべての要素をラップしているようです。
上記で各選択リストの要素を個別にラップしたい。