首页 诗词 字典 板报 句子 名言 友答 励志 学校 网站地图
当前位置: 首页 > 教程频道 > 网站开发 > JavaScript >

jquery指定table某tr上动态添加tr

2012-11-07 
jquery指定table某tr下动态添加tr如题,写过能否说一下?谢谢[解决办法]HTML codescript typetext/javasc

jquery指定table某tr下动态添加tr
如题,写过能否说一下?谢谢

[解决办法]

HTML code
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.8.1/jquery.min.js"></script><script>$(document).ready(function(){var tmp =1;$("#ipt").click(function(){    $("#tbl").append('<tr><td>'+(++tmp)+'</td></tr>');});$("#chkTable").click(function(){    alert($("table").html());})});</script><body><table id="tbl">    <tr><td>1</td></tr></table><input id="ipt" type=button value="添加TR" /><input id="chkTable" type=button value="看看标签" /></body>
[解决办法]
after,before操作
HTML code
<table id="tb"><tr><td>1</td></tr><tr><td>2</td></tr><tr><td>3</td></tr></table><script type="text/javascript" src="http://www.lvzhou168.com/js/jquery.js"></script><script type="text/javascript">$(function(){  $('#tb tr:eq(1)').after('<tr><td>4</td></tr>');//或者  //$('#tb tr:eq(2)').before('<tr><td>4</td></tr>');});</script> 

热点排行
Bad Request.