jquery添加和删除元素
2013-11-18 15:02
417 查看
<!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>
相关文章推荐
- 0725-jQuery - 添加元素, 删除元素
- Jquery动态添加及删除页面节点元素示例代码
- jQuery添加和删除元素
- jquery 添加、删除元素
- jQuery 添加删除元素
- Web开发之-JQuery 元素添加与删除
- Jquery—添加、删除元素
- jQuery HTML 添加和删除元素
- jQuery动态添加及删除表单上传元素的方法(附demo源码下载)
- jQuery动态添加、删除元素的方法
- JavaScript(20)jQuery HTML 添加和删除元素
- jQuery学习笔记(五)_添加删除元素
- jQuery添加删除DOM元素方法详解
- jQuery HTML之捕获、设置、元素添加、元素删除
- jQuery添加删除DOM元素方法详解
- jquery 动态给div添加元素删除元素
- jQuery动态添加、删除元素
- Jquery 动态添加上传及删除元素
- jQuery中添加与删除元素
- 2015-07-22 JQuery 第二课(JQ元素获取,添加,删除,判断,遍历,取值,样式设置,改变对象,切换)