Jquery 如何在div之间交换内容,以便将div1中的内容插入div2,反之亦然

Jquery 如何在div之间交换内容,以便将div1中的内容插入div2,反之亦然,jquery,html,css,Jquery,Html,Css,我有三个div,一个是主div,另外两个位于它下面,内容不同。我需要能够将div one中的内容与div two中的内容进行交换,同时将div one中的内容放入div two中。同样的事情也需要发生在div1和div3上。下面的函数将HTML从div two转换为div two,但我似乎不知道如何“交换”它们中的两个,以便将其中一个插入div two 加价 <div id="main" class="content one">Foo</div> <div id="

我有三个div,一个是主div,另外两个位于它下面,内容不同。我需要能够将div one中的内容与div two中的内容进行交换,同时将div one中的内容放入div two中。同样的事情也需要发生在div1和div3上。下面的函数将HTML从div two转换为div two,但我似乎不知道如何“交换”它们中的两个,以便将其中一个插入div two

加价

<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>

任何帮助都将不胜感激!谢谢

只需使用一个临时变量来保存初始值,将两个变为一个,然后将临时变为两个。哇,谢谢!我想我已经盯着这个看了很久了。我感谢你的快速回复,我的朋友!
$('.content.two').on('click', function(e){
    e.preventDefault();
    var tmp = $('.content.one').html();
    $('.content.one').html($('.content.two').html());
    $('.content.two').html(tmp);
});
$('.content.two').on('click', function(e){
    e.preventDefault();
    var tmp = $('.content.one').html();
    $('.content.one').html($('.content.two').html());
    $('.content.two').html(tmp);
});