jquery - JQuery スワップ 4 div

Question

私は 4 つの div を持っています。そのうちの 3 つは親指で、大きなサイズの 1 つの div です。私が望むのは、小さな div をクリックして、コンテンツを大きな div と交換することだけです。私はhtmlコードを持っています:

<div id='t1'>CONTENT 1</div>
<div id='t2'>CONTENT 2</div>
<div id='t3'>CONTENT 3</div>
<div id='big'>CONTENT DEFAULT</div>

たとえば、div id=t1 をクリックすると、div t1 のコンテンツは CONTENT DEFAULT になり、

div id=big のコンテンツは CONTENT 1 になります

score 0 · Accepted Answer

この jQuery は、swap / temp パターンを使用して動作するはずです。

$('div[id^=t]').on('click', function() {
   var tmp = $('#big').html();
   $('#big').html($(this).html());
   $(this).html(tmp);
});

編集- 正確な html 用に更新

更新されたフィドル

1 に答える 1