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