HTML 添加+删除+批量删除

最新推荐文章于 2023-11-28 14:04:17 发布

潜水断桥

最新推荐文章于 2023-11-28 14:04:17 发布

阅读量7.3k

点赞数 1

分类专栏： HTML

本文链接：https://blog.csdn.net/qq_37454196/article/details/78719995

版权

本文主要介绍了在HTML中如何通过JavaScript进行元素的操作，包括动态添加元素、删除单个元素以及实现批量删除功能。通过实例代码，详细讲解了DOM操作的方法，帮助开发者提升页面交互体验。

摘要由CSDN通过智能技术生成

<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
		<title></title>
		<style>
			body {
				width: 80%;
				margin: 0 auto;
			}
			
			table {
				width: 100%;
				border: 1px solid;
			}
			
			th,
			td {
				border: 1px solid;
			}
		</style>
		<script src="js/jquery-1.11.1.js"></script>
		<script>
			function del(e) {
				$(e).parent().parent().remove();
			}

			function save() {
				var tr = $("<tr></tr>"); //使用jquery创建元素tr
				tr.append("<td><input type='checkbox' name='ck' /> </td>"); //append,识别html标签
				//获取输入框的内容
				var ins = $("input[name='in']");
				/**
				 * 获取所有输入框的内容
				 */
				for