ajax - ボタンの 2 回目のクリック (ダブルクリックではない) で別のイベントを発生させる方法

Question

これは非常に簡単な質問のように思えますが、答えが見つからないようです。

これtoggle()はクリックイベントでは廃止されましたが、ボタンが最初のクリックで DOM 要素を追加し、2 回目のクリックで同じ DOM 要素を削除するとしたら、どうすればよいでしょうか?

load()また.... div 自体を削除せずに (を使用して) コンテンツを挿入した div からコンテンツを削除するにはどうすればよいですか? を使用remove()すると、div が削除されます。

Answer 1

empty()HTML内の要素をクリアするために使用します

トグルの問題については、要素のクラスをトグルして、そのクラスをテストできます。

$('#myDiv').on('click', function(){
   if(! $(this).hasClass('clicked') ){
      /* code for first click*/
   }else{
      /* code for second click*/
   }
   $(this).toggleClass('clicked')
})

Answer 2

クリックすると、最初に追加される dom 要素の存在がチェックされます (おそらく ID を使用します)。

if $('div#id of the stuff you add') 
    $('element exists...').remove();
else
    $('div#id of where you want to add stuff').add( new code );

次の方法で div の内容をクリアできます。

divSomeDiv.html("");

or 

divSomeDiv.empty();