大家都知道,同一个HTML页面中,不宜出现1个以上相同名称的id。但有时候需要使用jQuery框架的clone()来复制相同内容(附带样式),假如是使用了id号的获取方式,即$(‘#***’) 那么复制后得到新的内容也会把id号复制过来了,这时候就会出现一个页面出现2个或多个相同的id,比如:
<span style="font-family:SimSun;font-size:18px;">$('#single').click(function(){
$('#single-answer').clone(true).appendTo('#single-answer-null').show();
});
</span>
这时不妨添加一个变量来动态更改id的值,如:
<span style="font-family:SimSun;font-size:18px;">var oId = 1;
$('#single').click(function(){
$('#single-answer').clone(true).attr('id','single-answer'+oId).appendTo('#single-answer-null').show();
oId += 1;
});
</span>
这样就使得一个页面不会出现2个或多个相同的id名,保持了id的一致性。
Author:致知
Sign:路漫漫其修远兮,吾将上下而求索。