jquery做日程表

最近对前端感兴趣，做的是这么一个东西，按下确定之后动态的增加，按下"X"，动态的删除。发现用jquery做 代码量很少。

于是碰到了一个问题：增加功能没问题，删除demo中的几条样例也没问题，但当删除刚增加的记录时候，发现没反应。

思考一定是绑定删除事件出了问题。我是这样绑定的

//add
$("#add").click(function(){
var when=$("#when").val();
var where=$("#where").val();
var $li_1= $("<li>"+"<div class='listwhen'>"+when+"</div>"+"<div class='listwhere'>"+where+"</div>"+"<a class='delete'>"+"X"+"</a>");

$("#todoul").append($li_1);

});

//delete
$(".delete").click(function()
{
	$(this).parent().remove();
});

绑定删除是在开始加载完dom元素之后绑定的，所以新增加的记录删除操作没有被绑定。

只要做下简单的修改：就是在增加记录的时候顺便绑定下删除操作，就OK啦~~！  （我不知道别人是怎么做的，也许我的做法很好笑）代码如下：

//add
$("#add").click(function(){
var when=$("#when").val();
var where=$("#where").val();
var $li_1= $("<li>"+"<div class='listwhen'>"+when+"</div>"+"<div class='listwhere'>"+where+"</div>"+"<a class='delete'>"+"X"+"</a>");

$("#todoul").append($li_1);
$(".delete").click(function()
{
	$(this).parent().remove();
});
});

//delete
$(".delete").click(function()
{
	$(this).parent().remove();
});