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

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。所以，id的变化就像inner1变成inner2，innersub1变成innersub2，反之亦然。我已经能够使用 jquery 做到这一点。现在，“转到”和“删除”按钮已附加处理程序。但是，现在当我单击“编辑”时，它会显示交换之前的先前内容。那么，我应该如何重新附加这些处理程序？我可以通过其他方式处理与处理程序的内容交换吗？

谢谢

Answer 1

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