在使用多个不固定同类型的页面元素时,采用复制、删除页面样式是一个不错的选择。
实现多个复制,一般可以自己用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.属性 】的写法,但是不知为什么我这不行