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

我有以下结构

<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中的一些内容

我需要在包含ID的inner1和inner2 div之间交换内容。因此，id的更改类似于inner1变为inner2，innersub1变为innersub2，反之亦然。我已经能够使用jquery实现这一点。现在，go和delete按钮已附加处理程序。但是，现在当我单击“编辑”时，它会显示exchange之前的内容。那么，我应该如何重新连接这些处理程序？我可以用其他方式处理与处理程序的内容交换吗

谢谢

您可以手动（在代码中）重新连接它们。或者，您可以只隐藏一个按钮，而不隐藏所需的按钮，并保持事件处理程序的原样