JQuery交換4 divs

Question

我有4個divs，其中3個是拇指和一個大尺寸的一個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的內容將是內容默認和DIV ID的

內容=大就會心滿意足1

Answer 1

這個jQuery應該工作，使用交換/溫度模式：

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

編輯 - 更新您的確切^ h tml

更新Fiddle