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");
});
});
请高手指点。 <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");
});
});
$(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())
});
里面