如何使用jQuery移动div并随机选择一个

<div id="container">
  <div id="div1">Div 1</div>
  <div id="div2">Div 2</div>
  <div id="div3">Div 3</div>
  <!-- 添加更多div -->
</div>

<style>
#container {
  width: 500px;
  height: 300px;
  border: 1px solid #000;
  position: relative;
}

div {
  width: 100px;
  height: 100px;
  background-color: #ccc;
  position: absolute;
}
</style>

<script>
$(document).ready(function() {
  // 移动div
  $('#container div').click(function() {
    var leftPos = Math.random() * ($('#container').width() - $(this).width());
    var topPos = Math.random() * ($('#container').height() - $(this).height());
    $(this).css({
      left: leftPos,
      top: topPos
    });
  });

  // 随机选择一个div
  $('#randomButton').click(function() {
    var divCount = $('#container div').length;
    var randomIndex = Math.floor(Math.random() * divCount);
    var randomDiv = $('#container div').eq(randomIndex);
    randomDiv.css('background-color', 'red');
  });
});
</script>

<button id="randomButton">随机选择一个div</button>