jq动态添加删除html

动态添加删除html元素

代码区域(第一次写笔记哦！各方面比较稚嫩！有问题都可以随时指正哦)

		//需要动态添加删除的html
		<input value="" class="add_input"/>
		
		<button class="add_btn">追加</button>
		<button class="reduce_btn">删除</button>		

		//点击追加的时候
		$(".add_btn").click(function(){
			var append_html = '<input value="" class="add_input"/>';
			//拼接到追加按钮之前(具体看需要追加到哪里的一个场景)
			//这样就能够成功追加到追加按钮之前啦
			$(".add_input").before(append_html);
		})

		//现在动态删除
		//我这里的实现场景是需要默认预留一个html的input是不能够删除的
		$(".reduce_btn").click(function(){
			//得到需要删除元素的长度
			//length是没有括号的哦，在js,我就是老喜欢加上一个括号  哈哈哈
			var reduce_html_length = $(".add_input").length;
			if(reduce_html_length  <= 1){
				alert(“至少预留一个商品哦！”);
				return false;
			}
			if(confirm("你确定要删除最后面一个input吗？")){
				//删除input元素最后面的一个元素
				$(".add_input:last").remove();
			}else{
				alert("点击取消！");
			}
		})
		
		

酱紫就阔以啦