zoukankan      html  css  js  c++  java
  • jQuery克隆html元素并改变id

    如题,前端操作经常需要ajax异步刷新html页面数据。有时候js里面拼接html代码很麻烦。

    因此选择一个div克隆并改变一些值就省了很多事。这个div也可以提前写在html里面hide()

    下面是js代码:这个被克隆元素为了不影响表单的提交,最好放在form外面。

    //追加节点,增加图片信息
    var index=1000;
    $(document).on('click','#addPicture',function(){
    index+=1;
    var strVar=$("#addDivNode").clone(true); //克隆元素,注意不是javascript的cloneNode()
    strVar.attr("id","addDiv"+index); //改变克隆元素id,注意不是setAttribute()
    var lable=strVar.find("#dinfoadd"); //根据id查找子元素
    var file=strVar.find("#0");
    var img=strVar.find("#img_0");
    lable.attr("id","dinfoadd"+index); //改变克隆子元素节点一
    file.attr("id",index); //改变克隆元素子节点二
    img.attr("id","img_"+index); //改变克隆子元素节点三
    $("#addDiv"+index).style="display: block";
    $("#addDiv").before(strVar);
    });
  • 相关阅读:
    泛型集合的变化
    c#中结构与类的区别
    C# where子句
    C# 泛型学习
    about osgeo中国
    about codeplex
    content in map
    a excellent website for javascrpt & dhtml:
    MapGuide open source开发系列教程四: 体系结构(转贴)
    about NetTopologySuite
  • 原文地址:https://www.cnblogs.com/zeussbook/p/9991711.html
Copyright © 2011-2022 走看看