请教一个JQuery的问题，50分相赠

<div id="test"><a href='###' id='t1'>test</a><br/><a href='###' id='t2'>test2</a><br/></div><SCRIPT>
jQuery(document).ready(function() {
$("#t1").click(function()
{
alert("test");
$("#test").html("<a href='###' id='t1'>FFFF</a><br/><a href='###' id='t2'>abcvdsf</a><br/>");
}); $("#t2").click(function()
{
alert("test2");
});});
</SCRIPT>
当点击test后，再也不能触发相映的点击事件，如何解决？

解决方案 »

免费领取超大流量手机卡，每月29元包185G流量+100分钟通话, 中国电信官方发货

<div id="test"> <a href='###' id='t1'>test </a> <br/> <a href='###' id='t2'>test2 </a> <br/> </div>jQuery(document).ready(function() {
$("#t1").click(function()
{
alert("test");
$("#t1").html("FFFF");
$("#t2").html("abcvdsf");
}); $("#t2").click(function()
{
alert("test2");
});});
要还是不行  你就换成这个试试<div id="test"> <a href='###' id='t1'>test </a> <br/> <a href='###' id='t2'>test2 </a> <br/> </div>jQuery(document).ready(function() {
$("#t1").click(function()
{
alert("test");
$("#t1").text("FFFF");
$("#t2").text("abcvdsf");
});$("#t2").click(function()
{
alert("test2");
});});
<script src="http://ajax.Microsoft.com/ajax/jQuery/jquery-1.3.2.min.js" type="text/javascript"></script>
<div id="test"><a href='###' id='t1'>test </a><br/><a href='###' id='t2'>test2</a> <br/></div>
<SCRIPT>
$(document).ready(function() {
$("#t1").click(function()
{
alert("test");
$("#t1").html("FFFF");
$("#t2").html("abcvdsf");
});

$("#t2").click(function()
{
alert("test2");
}); });
</SCRIPT>
TO:hookee
当div下用是jquery重写HTML后，下面的事件为什么都无效了呢？
如何重写HTML后，click事件还能执行？
<script src="http://ajax.Microsoft.com/ajax/jQuery/jquery-1.3.2.min.js" type="text/javascript"></script>
<div id="test"><a href='###' id='t1'>test </a><br/><a href='###' id='t2'>test2</a> <br/></div>
<SCRIPT>
$(document).ready(function() {
    $("#t1").click(function()
    {
        alert("test");
        $("#t1").html("FFFF");
        $("#t2").html("abcvdsf");
    });

    $("#t2").click(function()
    {
        alert("test2");
    }); });
</SCRIPT>
to:smallkonrad
变更的不单单是链接名，而是DIV标签下所有的HTML都得重写
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>无标题文档</title>
<script type="text/javascript" src="file:///C|/JavaScript/jquery.js"></script>
<script type="text/javascript">
jQuery(document).ready(function() {
$("#t1").click(function()
{
alert("test");
$("#test").html(" <a href='###' id='t1'>FFFF </a> <br/> <a href='###' id='t2'>abcvdsf </a> <br/>");
$("#t2").click(function()
{
alert("test2");
});
});

});
</script>
</head><body>
<div id="test"> <a href='###' id='t1'>test </a> <br/> <a href='###' id='t2'>test2 </a> <br/> </div></body>
</html>
<div id="test"><a href='###' id='t1'>test </a> <br/><a href='###' id='t2'>test2</a><br/></div><SCRIPT>
jQuery(document).ready(function() {
  $("#t1").click(function(){
    alert("重写前的test");
    $("#test").html("<a href='#' id='t1'>FFFF</a><br/><a href='#' id='t2'>abcvdsf</a><br/>");
    $("#t1").click(function(){alert("重写后test");});
    $("#t2").click(function(){alert("重写后test2");});
  });
});
</SCRIPT>
同意5，7，9楼，重写html后就相当于把原来的dom对象删除后，重新生成了一次。这时新生成的dom对象中式不会再有事件的。如果只是想要改掉显示部分的话就用
$("#t1").text("FFFF");
这种方式才是jQuery推荐的用法
不知道楼主是不是想还保留原来的<a>，如果还想保留，那就加一个变量，点了一次后改下值，再判断一下就好了
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title></title>
<script type="text/javascript" src="JQuery.js"></script>
<script type="text/javascript">
$(document).ready(function($){
$("#t1").click(function(){
alert("test");
$("#t1").text("FFFF");
$("#t2").text("abcvdsf")
});
$("#t2").click(function(){
alert("text2");
});
});
</script>
</head>
<body>
<div id="test">
<a href='###' id='t1'>test </a><br />
<a href='###' id='t2'>test2</a>
</div>
</body>
</html>
to zhualike:
jquery对这种情况有没有更好的处理？
不管是html还是text添加完，都得重新绑定事件