HTML克隆的表签修改id,【jQuery】使用jQuery的clone()方法来克隆元素时,如何保持id的唯一性...

大家都知道,同一个HTML页面中,不宜出现1个以上相同名称的id。但有时候需要使用jQuery框架的clone()来复制相同内容(附带样式),假如是使用了id号的获取方式,即$(‘#***’) 那么复制后得到新的内容也会把id号复制过来了,这时候就会出现一个页面出现2个或多个相同的id,比如:

$('#single').click(function(){

$('#single-answer').clone(true).appendTo('#single-answer-null').show();

});

0818b9ca8b590ca3270a3433284dd417.png

这时不妨添加一个变量来动态更改id的值,如:

var oId = 1;

$('#single').click(function(){

$('#single-answer').clone(true).attr('id','single-answer'+oId).appendTo('#single-answer-null').show();

oId += 1;

});

0818b9ca8b590ca3270a3433284dd417.png

这样就使得一个页面不会出现2个或多个相同的id名,保持了id的一致性。

Author:致知

Sign:路漫漫其修远兮,吾将上下而求索。

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值