效果:

知识点:

克隆--clone()

追加--append()

移除--remove()

代码:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
<div id="search_conditions">
    <div class="condition">
        <a onclick="AddCondition(this,'#search_conditions')">+</a>
        <input />
    </div>
</div>
 
<script src="../js/jquery-2.1.4.min.js"></script>
<script type="text/javascript" >
    function AddCondition(ths,container){
        //克隆condition整个div
        //再把克隆的div追加到search_conditions下面
        var cp = $(ths).parent().clone();
        cp.children(':first').text('-').attr('onclick','RemoveCondition(this,"#search_conditions")');
        $(container).append(cp);
//            cp.appendTo(container)
    }
    function RemoveCondition(ths,container){
        $(ths).parent().remove();
    }
</script>

本段代码效果:

链接:​

视频:D16--jQuery文档处理

课件:cmdb_plugin/demo_2.html

最新文章

  1. 基于MATLAB求解矩阵的正交补矩阵
  2. ffmpeg-20160822-bin.7z
  3. phthon
  4. bk.
  5. [转帖] VS集成Qt环境搭建
  6. Lua 5.2 中文参考手册
  7. bootsrtap (-)
  8. KindEditor简单的Demo使用
  9. Sizzle.filter [ 源代码分析 ]
  10. 腾讯云万象优图每个账户提供50G的图片存储(支持黄图检测)
  11. 极化码的matlab仿真(2)——编码
  12. left join,right join,inner join
  13. vue+webpack项目 url的问题了解
  14. IndexedDB 简单封装
  15. 洛谷P4213 Sum(杜教筛)
  16. mongo 索引,速度
  17. 基于Keras的自动驾驶技术的车轮转向角度的可视化
  18. MSSQL &#183; 最佳实践 &#183; 利用文件组实现冷热数据隔离备份方案
  19. 如何创建只读权限oracle账户
  20. 给第三方dll强签名

热门文章

  1. webservice WS-RS独立发布
  2. Docker从入门到安装MySQL
  3. 完整的验证码识别流程基于svm(若是想提升,可优化)
  4. [ArgumentException: 可能证书“CN=JRNet01-PC”没有能够进行密钥交换的私钥,或者进程可能没有访问私钥的权限。有关详细信息,请参见内部异常。]
  5. LibreOJ β Round #2 题解
  6. 阿里云服务器tomcat启动慢解决方案
  7. JAVA内置注解 基本注解
  8. CentOS上面搭建SVN服务器
  9. 【Machine Learning 学习笔记】OSX Octave 输出图像问题
  10. linux(centos7) 安装nginx