<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/
最佳答案
这是另一种方法,使用正则表达式替换 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"));
});
关于Jquery克隆选择器并修改选项id,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/10795153/