Question

我试图找出如何让div显示每个变化的变量一定数量的橙色圆圈。怎么做？

如果数字是4，则应该有4个橙色圆圈。如果数字为3，则应该有3个橙色圆圈..

另外，动画出口和入口？

在网络应用中最好的方法是什么？谢谢！

示例代码/ jsfiddle会很棒。：）

Answer 1

$(document).ready(function(){
  $('#number').keyup(function(){
      $('#container').empty();
      for(var i = 1; i <= $(this).val(); i++){
          $('#container').append('<div class="circle">&nbsp</div>');
      }
  });

});

.circle {
   width: 50px;
  height: 50px;
  background-color: red;
  border-radius: 50%;
  float: left;
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>

change this value:
<input id="number" type="text" value="3">
<div id="container"></div>

Web应用中的动态Div对象？

1 个答案: