jquery中動態(tài)給表格增加一行 JQUERY方法給TABLE動態(tài)增加行?
JQUERY方法給TABLE動態(tài)增加行?例如,將表的ID設(shè)置為tabvartrhtml=“<tr><td>…”。。。</TD></TR>“$(“#tab”)。Appen
JQUERY方法給TABLE動態(tài)增加行?
例如,將表的ID設(shè)置為tabvartrhtml=“<tr><td>…”。。。</TD></TR>“$(“#tab”)。Append(trhtml)//添加$(“##行)標簽:eq(2) "). After(trhtml)//在表的第三行之后添加一行,以便動態(tài)添加行。至于動態(tài)添加什么事件,這取決于您自己的意思,通過button或者如果您想添加像div這樣的click事件,只需將上面兩行代碼放入其中。請注意,應(yīng)該將vartrhtml行放入add事件中,否則無論單擊多少次,都只能添加一行$(function(){$(“:button”)。單擊(function(){vartr=“<tr>>新建</TD></TR>”//$(“table”)。追加(TR)$“表3:eq(2) ”).after(tr)})這是我用于測試的代碼。您可以運行
jQuery來實現(xiàn)動態(tài)添加行的方法
<scriptsrc=“jQuery-1.6.2最小js“></script>
<script type=”文本/javascript“>
<!--jQuery代碼將在下面-->
$(document).ready(function(){
//此處之間的代碼僅在文檔準備就緒時運行
$(“a[name=addRow]”)。click(function(){
//此處之間的代碼僅在單擊a鏈接且名稱為addRow
$(“table#myTable時運行
//tr:last”)。在(“<tr><td>Row 4</td></tr>”)之后
返回false
})
&</script>
</head>
<body>
<table style=“width:100%”id=“myTable”>
<tr><td>Row 1</td></tr>
<tr><td>Row 2</td></tr>
<tr><td>Row3</td></tr>
</table>
<a href=“”name=“addRow”>添加行</a>
</body>
</html>