Question

我有三个div，一个是主div，另外两个坐在它下面，内容不同。我需要能够将div中的内容与div 2中的内容进行交换，并且当它这样做时，它将div中的内容放入div 2中。同样的事情需要发生在div 1和3中。下面的函数将div从div二放到一个，但我似乎无法弄清楚如何“交换”它们中的两个，以便然后将一个插入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());
});

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

Answer 1

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

如何在div之间交换内容，以便将div 1中的内容插入div 2，反之亦然

1 个答案: