jquery - jQuery 交换 4 个 div

Question

我有 4 个 div，其中 3 个是拇指和一个大尺寸的 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