0

我有三个 div,一个是主 div,另外两个位于它下面,内容不同。我需要能够将 div 1 中的内容与 div 2 中的内容交换,并且在这样做的同时,它将 div 1 中的内容放入 div 2 中。div 1 和 3 也需要发生同样的事情。下面的函数将 div 两个中的 HTML 合二为一,但我似乎无法弄清楚如何“交换”它们两个以便将一个插入到 div二。

标记

<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());
});

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

4

1 回答 1

0
$('.content.two').on('click', function(e){
    e.preventDefault();
    var tmp = $('.content.one').html();
    $('.content.one').html($('.content.two').html());
    $('.content.two').html(tmp);
});
于 2013-05-11T21:46:40.253 回答