JQuery 动态添加和删除成员

<script type="text/javascript" src="../scripts/jquery-1.4.1.js"></script>

<script type="text/javascript">

    function addMail() {

        var $createMailNode = $("<tr><td style='text-align:right'>邮箱：</td><td style='vertical-align:middle'><input type='text'class='CommonTextBoxStyle'  /><img  src='../Images/Storage/Storage_Remove.png' onclick='removeMail(this)' style='width:20px;height:20px'/></td></tr>");

        $("#acceptTable").append($createMailNode);

    }

    function removeMail(obj) {

        $(obj).parent().parent().remove();

     }

</script>

<fieldset style="border:1px;border-style:dotted">

<legend>接受报警邮件的邮箱</legend>

<table style="width:100%" id="acceptTable">

<tr>

<td style="width:20%;text-align:right">邮箱：</td><td><input    id="tbAcceptWarnMail"   class="CommonTextBoxStyle" 

        /><img  src="../Images/Storage/Storage_Add.png" onclick="addMail()" style="width:20px;height:20px"/></td>

</tr>

</table>

</fieldset>