jQuery clone复制功能

    在使用多个不固定同类型的页面元素时,采用复制、删除页面样式是一个不错的选择。

    实现多个复制,一般可以自己用javascript 写标签来实现,但是这样操作比较繁琐,创建了div Table等后还得自己去写事件驱动。通过了解jQuery有类是相当强大功能函数clone

    1、$("").clone();

     这样可以完整的复制一个元素,并且可以通过prependTo("");等实现元素位置控制,但是这样写不能完整的复制事件驱动过来

    2、$("").clone(true);

      这样可以完整发复制一个元素,且还可以复制所有事件驱动。而且也可以通过insertAfter("");等实现位置控制



在复制后会存在改变id等操作,可以采用find来处理。find只能识别父本中存在的页面元素:

class元素查找修改id值


div_new.find("span.zhen_xh").attr("id","zhen_xh"+zhen_id_new);
  div_new 为新创建的复制对象,"zhen_xh"+zhen_id_new 为id处理


span等类似元素更改显示值

div_new.find("span.zhen_xh").html(zhen_id_new);
 

 zhen_id_new为要显示的数值


input、select等标签查找更改

div_new.find("input[name=file]").attr("id","file"+zhen_id_new);
div_new.find("select[name=level]").attr("id","level"+zhen_id_new);
 

 name=file为 input标签中name="file"属性值,此处注意写法【 标签类型[属性=属性值] 】我这是这样写成功的,网上其它人

有【 input.属性 】的写法,但是不知为什么我这不行



 

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值