jquery Append tr and delete tr sample code _jquery

Copy Code code as follows:

<script type= "Text/javascript" src= "Js/jquery-1.7.1.min.js" ></script>
<script>
$ (function () {
$ ("#getAtr"). Click (function () {
$str = ';
$str + + "<tr align= ' center ' >";
$str + + "<td><input type= ' text ' name= ' advtitle[] '/></td>";
$str + + "<td><input type= ' file ' name= ' img[] '/></td>";
$str + + "<td><input type= ' text ' name= ' advcontent[] '/></td>";
$str + + "<td><input type= ' text ' name= ' advsource[] '/></td>";
$str + + "<td><input type= ' text ' name= ' advauthor[] '/></td>";
$str + + "<td><input type= ' text ' name= ' advposition[] '/></td>";
$str + + <td onclick= ' Getdel (this) ' ><a href= ' # ' > Delete append </a></td> ';
$str + + "</tr>";
$ ("#addTr"). Append ($STR);
});
});

function Getdel (k) {
$ (k). Parent (). remove ();
}
</script>

--------------------------------------------------------------------------------
HTML section
<table align= "Center" border= "1" cellpadding= "0" cellspacing= "0" width= "100%" >
&LT;TR align= "center" >
<td> Advertisement Name </td>
<td> Advertising Pictures </td>
<td> Advertising Content </td>
<td> Advertising Sources </td>
<td> Advertising Author </td>
<td> Advertising Description </td>
&LT;TD align= "center" ><a href= "#" id= "Getatr" > Append content </a></td>
</tr>
<tbody id= "ADDTR" >
&LT;TR align= "center" >
<td><input type= "text" Name= "advtitle[]"/></td>
<td><input type= "File" Name= "img[]"/></td>
<td><input type= "text" Name= "advcontent[]"/></td>
<td><input type= "text" Name= "advsource[]"/></td>
<td><input type= "text" Name= "advauthor[]"/></td>
<td><input type= "text" Name= "advposition[]"/></td>
<td></td>
</tr>
</tbody>
&LT;TR align= "center" >
&LT;TD colspan= "5" ><input type= "Submit" value= "Add All"/></td>
</tr>
</table>