jQuery--加一行减一行
效果:
知识点:
克隆--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