jquery实现增加数据 删除数据

先上效果图：

html代码如下：

			姓名 ：
			爱好 ： 
			性别 ： 
						男
						女
					
			
		
		
		

			
			

				
姓名
				
爱好
				
性别
				
删除
				
			
			
		

jq代码如下：

// 增加信息 （增）
		// 2. 放数据
// 添加点击事件
	$(".add").on("click",function(){
			
		//1.获取信息
		var name = $(".name").val()
		var hobby =$(".hobby").val()
		var sex = $(".sele").val()
		
		
		$("table").append(` ${name} ${hobby} ${sex}  删除    `)
		
		 //删除 （删）
	 
	 $("table button").on("click",function(){
	 	// remove() 删除
	 	$(this).parent().parent().remove()
	 	
	 })
		
	})

主要实现了点击按钮添加数据 ， 点击删除删除本条数据