jquery添加和删除元素
来源：互联网 发布：新买的域名怎么备案 编辑：程序博客网 时间：2024/05/17 06:08
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"><html><head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8"><title>测试添加和删除元素</title><script type="text/javascript" language="javascript" src="../jquery/jquery.js"></script><style type="text/css">ul li{list-style-type:none;}</style></head><body><input type="button" value="添加元素" onclick="add_element();"><ul id="add"><li><input type="text" class="list" style="width:200px;"></li></ul><input type="button" value="添加" onclick="add();"></body><script type="text/javascript">function add_element(){var str='<li><input type="text" class="list" style="width:200px;"><input type="button" value="删除" onclick="del(this)"></li>'$("#add").append(str); //向ul里面添加元素}function del(element){ $(element).parent().remove(); //获取input所在的父节点(外包的li元素)}function add(){ //获取运输的值var elementlist=$(".list");for(var i=0;i<elementlist.length;i++){alert(elementlist[i].value);}}</script></html>
