Question

Jquery 按←、→键控制三个div互换位置？

可以一只循环下去。
按←键，div1会现在在div3 的位置。div2显示在div1的位置，div3 显示在div2的位置。

按→键，div3会显示在div1的位置，div2显示在div3的位置，div1显示在div2的位置。

可以一只循环下去！

Answer 1

<div class="cont">
  <div style="width: 100px; height: 100px; border: 1px solid red;float: left;">div1</div>
  <div style="width: 100px; height: 100px; border: 1px solid red;float: left;">div2</div>
  <div style="width: 100px; height: 100px; border: 1px solid red;float: left;">div3</div>
</div>

<script src="引入jquery"></script>
<script>
$(document).keydown(function (e) {
  switch(e.which) {
    case 37:
      var $cont = $('.cont');
      $cont.append($cont.find('div:first'));
      break;
    case 39:
      var $cont = $('.cont');
      $cont.prepend($cont.find('div:last'));
      break;
  }
});
</script>