Jquery 我能'；当我单击已绑定到click事件的delete botton时，请不要删除我的克隆节点

我的代码的第一个片段位于名为sys_Param.aspx的文件中：

<div id="div_water" style="display: none" align="center">  
<table width="100%" border="0" id="printTbl" align="center" cellpadding="5" cellspacing="1" class="table">
    <tr class="TR_BG_list" id="printsizescroll" style="display:none">
        <td align="right" class="list_link" style="width: 214px">
        Resize the pictrue：
        </td>
        <td align="left" class="list_link">
            Description:
        <asp:TextBox ID="PrintSizeDec" runat="server" CssClass="form"  style="width: 106px"/>
         width|height:
        <asp:TextBox ID="PrintSmallSize" runat="server" CssClass="form"  style="width: 50px"/>
&nbsp;
        <label>
             <input type="button" name="PintSizeAddClick" value="Add" class="form" id="ButtonAdd" style="width: 44px" onclick="createInputTexts(this)" />
        </label>
       <span class="helpstyle" style="cursor: help;" title="Click to get some help" onclick="Help('H_WaterParam_0008',this)">Help</span>
    </td>
    </tr>
    <tr class="TR_BG_list">
<td align="center" colspan="2" class="list_link">
    <label>
    <input type="submit" name="Savewater" value=" Submit " class="form" id="Savewater" runat="server" onserverclick="Savewater_ServerClick" />
    </label>
&nbsp;&nbsp;
        <label>
    <input type="reset" name="Clearwater" value=" Reset " class="form" id="Clearwater" runat="server" />
    </label>
</td>
</tr>
</table>

问题是：当我单击delete按钮时，它不会删除jQuery动态创建的新克隆行。我太困惑了，因为我已经将click事件绑定到每个delete按钮。

---

我需要一些帮助，非常感谢。

看看这是否是您想要的效果：

克隆的按钮仍然具有

onclick

属性，因此我在绑定单击事件之前删除了它们，如本部分所示：

  trClone.addClass("deleteBtn"+i).find(":button").val("delete").removeAttr('onclick').click(function() {
      $(this).parent().parent().parent().remove();
  });

---

请用输出的标记在上创建一个演示，更具体地说，什么不起作用？我尝试添加一些词，使我的问题更具体，可以吗？您已经为按钮指定了onclick事件，它将成为delete按钮。您必须从中解除click事件的绑定，并添加新的click事件，该事件将处理deletionvar trClone=trOrigin.clone（true）；这是为了创建一个新行，该按钮用于在需要时删除新行。这是JSFIDLE的链接：

$（this.parent（）.parent（）.parent（）.remove（）祖父母！这就是我想要的。但是当我将代码粘贴到我的项目中时，它仍然无法工作：删除按钮无法删除新创建的行。它是否与在my.aspx页面中使用TextBox而不是input标记有关？请确保没有javascript错误。如果出现JS错误，可以删除示例代码中的
i
，例如：
trClone.addClass（“deleteBtn”）
。只要您使用相同的输入按钮。你使用的是输入按钮吗？我已经删除了I，并在Firefox中测试了它，一切都很好。它是如此的有线，它可以完美地在Firefox中工作，但仍然不能在IE9中工作。我不知道你给我的代码为什么可以在IE9和Firefox中工作，但一旦应用到我的wen项目中，它只能在Firefox中工作，IE9就不能了
  trClone.addClass("deleteBtn"+i).find(":button").val("delete").removeAttr('onclick').click(function() {
      $(this).parent().parent().parent().remove();
  });