jQuery实现的新增节点,但新增加的节点在不刷新页面的情况下,竟然不会触发这事件//鼠标mouseover变色
请高手指点。      <table id="table"> <tr class="TdBg" id="tr33">
            <td height="25"><input type="checkbox" name="id" id="id" value="33"/></td>
            <td>ffff</td>
            <td>0</td>
            <td><a id="btnEdit">Edit</a></td>
          </tr>
</table>
<input id=btn type="button" />
        <script>
$(function(){
$("#btn").click(function(){
        var str = '<tr class="TdBg" id="tr33"><td height="25"><input type="checkbox" name="id" id="id" value="33"/></td><td>ffff</td><td>0</td><td><a id="btnEdit">Edit</a></td></tr>';
                
                $('#table').append(str)
                alert($('#table').html())
 });
//鼠标mouseover变色
$("table tr[id^='tr']").mouseover(function(){  
$(this).addClass("tdOver");
//alert("a");
}).mouseout(function(){$(this).removeClass("tdOver");
});
});

解决方案 »

  1.   

    $("table tr[id^='tr']").mouseover(function(){   
    $(this).addClass("tdOver");
    //alert("a");
    }).mouseout(function(){$(this).removeClass("tdOver");
    });
    把此事件放在$("#btn").click(function(){
      var str = '<tr class="TdBg" id="tr33"><td height="25"><input type="checkbox" name="id" id="id" value="33"/></td><td>ffff</td><td>0</td><td><a id="btnEdit">Edit</a></td></tr>';
        
      $('#table').append(str)
      alert($('#table').html())
    });
    里面