在使用clone()时id保持一致

大家都知道,同一个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的一致性。

posted @ 2016-09-23 15:34  进军码农  阅读(261)  评论(0编辑  收藏  举报