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

1 个答案:

答案 0 :(得分：0)

这个jQuery应该可以使用swap / temp模式：

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

编辑 - 更新了您的确切html

更新了Fiddle

Answer 1

这个jQuery应该可以使用swap / temp模式：

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

编辑 - 更新了您的确切html

更新了Fiddle