javascript - Javascript で ID を再設定する

Question

こんにちは:) JavaScriptの初心者で、スクリプトでdiv IDを変更しようとしています。ID「変更」のdivがあり、onClickでID「変更」を変更したいのですが、できますが、もう一度クリックすると、ID「変更」を受け取るために戻ります。手伝って頂けますか？

これが私がした方法です：

<script> 
$document.ready( function() {
       $("#change").attr('id','changed');
});
});

ありがとう。

Answer 1

idは変更しないでください。代わりに、class属性を使用してください。

Answer 2

これも機能します：

$document.ready(function () {
  // This assumes the element always starts with the id `change`
  // If this is a poor assumption, change it to $('#change, #changed')
  $("#change").toggle(function () {
    this.id = 'changed';
  }, function () {
    this.id = 'change';
  });
});