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