Обмен элементов с обработчиками событий

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, включая идентификаторы. Таким образом, изменение идентификатора, например, inner1, становится inner2, innersub1 становится innersub2 и наоборот. Я был в состоянии сделать это, используя jquery. Теперь перейдите и удалите кнопки с прикрепленными обработчиками. Но теперь, когда я нажимаю «изменить», он показывает предыдущий контент перед обменом. Итак, как мне присоединить эти обработчики? Могу ли я обработать этот обмен контента с помощью обработчиков другим способом?

спасибо

Answer 1

Вы можете вручную (в коде) отсоединить установить их заново. Вы также можете просто скрыть нужные кнопки и оставить обработчики событий такими, какие они есть.