jquery - たとえば、div 1 のコンテンツが div 2 に挿入されるように、div 間でコンテンツを交換するにはどうすればよいですか。

Question

3 つの div があり、1 つはメインの div で、他の 2 つはその下に別のコンテンツで配置されています。div 1 のコンテンツを div 2 のコンテンツと交換できるようにする必要があります。その間に、div 1 のコンテンツを div 2 に入れます。同じことが div 1 と 3 でも発生する必要があります。以下の関数は、div 2 の HTML を 1 つに配置しますが、そのうちの 2 つを「交換」して 1 つを div に挿入する方法がわかりません。 2。

マークアップ

<div id="main" class="content one">Foo</div>
<div id="second" class="content two">Bar</div>
<div id="third" class="content three">Bar two</div>

JQuery

$('.content.two').on('click', function(e){
    e.preventDefault();
    $('.content.one').html($('.content.two').html());
    $('.content.two').html($('.content.one').html());
});

どんな助けでも大歓迎です！ありがとう！