动态增加行，Jquery实现隔行换色，但是当小弟我删除动态增加的行的时候，出有关问题了！

动态增加行，Jquery实现隔行换色，但是当我删除动态增加的行的时候，出问题了！！

$(function() {

	$("#insert").click(

			function() {

				var td_delete = $("<td width='3%' class='delete'>").text("删除");

				// 产品名称

				var td_category = $("<td>").text($("#category").find("option:selected").text());

				// 加工费

				var td_categoryfee = $("<td>").text($("#categoryfee").text());

				// 包装

				var td_package = $("<td>").text($("#packagefee").text());

				// 表面处理

				var td_surface = $("<td>").text($("#surfacefee").text());

				// 不含税

				var td_qushui = $("<td class='qushui'>").text($("#qushui").text());

				// 含税

				var td_total = $("<td class='hanshui'>").text($("#price").text());


				var tr = $("<tr class='insertTr'>")

				var table = $("table:last tr:last");

				tr.append(td_delete).append(td_category).append(td_categoryfee).append(td_package).append(td_surface)

						.append(td_qushui).append(td_total);

				table.before(tr);

				$(".insertTr:even").addClass("one");

				$(".insertTr:odd").addClass("two");


				sun();

			});


	$(document).on("click", ".delete", function() {


		if (!confirm("你确定要删除吗？")) {

			return false;


		} else {

			$(this).parent().remove();

			$(".insertTr:even").addClass("one");

			$(".insertTr:odd").addClass("two");

			sun();

		}


	})


	sun = function() {

		var sumqushui = 0;

		var suntotal = 0;

		$(".qushui").each(function() {

			sumqushui = sumqushui + parseFloat($(this).text());

		})


		$(".hanshui").each(function() {

			suntotal = suntotal + parseFloat($(this).text());

		})

		$("#totalOuttax").html(Math.round(sumqushui * 100) / 100)

		$("#totalIntax").html(Math.round(suntotal * 100) / 100)

	}


})

当我正常点击增加的时候，一切看起来是那么的完美！！


可是当我删除动态添加的一行的时候，美丽的肥皂泡破灭了！



麻烦各位给我指点指点！！！
------解决思路----------------------
增加新样式前要把原来的样式移除掉，不然，同一元素会同时存在两种样式。
            $(".insertTr").removeClass("one two");
            $(".insertTr:even").addClass("one");
            $(".insertTr:odd").addClass("two");