使用事件处理程序交换元素

Question

我有以下结构

<div id="mainblock">

   <div id="inner1">
     some content in inner1
   </div>
   <div id="innersub1">
     <input type="submit" id="go" value="go">
     <input type="submit" id="delete" value="delete">
   </div>

    <div id="inner2">
     some content in inner2
   </div>
   <div id="innersub2">
     <input type="submit" id="go" value="go">
     <input type="submit" id="delete" value="delete">
    </div>

我需要在inner1和inner2 div之间交换内容，包括id。因此，像inner1这样的id变化变成了inner2，innersub1变成了innersub2，反之亦然。我已经能够使用jquery做到这一点。现在，去和删除按钮已附加处理程序。但是，现在当我点击“编辑”时，它会在交换之前显示之前的内容。那么，我该如何重新连接这些处理程序呢？我可以用其他方式处理与处理程序交换的内容吗？

感谢

Answer 1

您可以手动（在代码中）detach重新附加它们。或者，您可以隐藏取消隐藏所需的按钮，并保留事件处理程序。