Jquery克隆选择器并修改选项id

Question

<select id="one">
    <option id="one_val_a" value="one">one</option>
    <option id="two_val_a" value="two">two</option>
    <option id="three_val_a" value="three">three</option>
</select>

<span id="pin"></span>

我如何克隆#one，使其ID为#two，并将其选项ID设置为#one_val_b，# Two_val_b 等

$('#one').clone(true, true).attr('id', 'two').appendTo('#pin');

这至少会更改克隆的 ID，但现在如何更改其选项 ID？

Jsfiddle:http://jsfiddle.net/C2zCZ/2/

Answer 1

这是另一种方法，使用正则表达式替换 option id 属性，因此原始 select 有多少个选项并不重要:

$('#one').clone(true, true)
    .attr('id', 'two').appendTo('#pin')
    .find("option").each(function() {
        $(this).attr("id", $(this).attr("id").replace(/\_a$/, "_b"));
    });

Example fiddle