如何使用jquery append自动生成数字？

大家好，我想问一下，如何使用jquery append自动生成数字..？我已但仍然未能我的源代码是：如何使用jquery append自动生成数字？

<html> 
<head> 
    <title>Help Help</title> 
</head> 
<body> 

    <input type="button" id="button" value="Create a number from 1 to N"/> 
    <script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script> 
    <script type="text/javascript"> 
     $(document).ready(function() 
     { 
      $('#button').click(function() 
      { 
       $('#result').append('<div class="number">Numbers To ......</div>'); 
      }); 
     }); 
    </script> 
</body> 
<hr> 
results from click button 
<hr> 
<div id=result></div>

来源

2011-04-09 user700084

你的问题不清楚。你在说什么数字？你想每个按钮点击生成一个随机数字？如果是这样，你的问题是什么？你不知道如何创建随机数字吗？ – 2011-04-09 15:57:20

@Felix，是的。这也是我的想法;直到我看到'input'元素的'value'。我假设他想要在'＃result'的'div'中创建一个数字序列，从'0'到'n'。虽然这真的是一个猜测最多的尝试... – 2011-04-09 16:05:10

下面是做这件事的一种方法：

$('#numbers').change(
    function(){ 
     var max = $(this).val(); 
     var sequence; 
     for(i=0; i<=max; i++) { 
      var text = $('#result').text(); 
      if (text == false){ 
       text = i; 
      } 
      else if (i == max) { 
       text = text + ', ' + i + '.'; 
      } 
      else { 
       text = text + ', ' + i; 
      } 
      $('#result').text(text); 
     } 
    }); 

$('form').submit(
    function(){ 
     return false; 
    });

用下面的，简化的，HTML：

<form action="#" method="post"> 
    <label for="numbers">Make a sequence of numbers, from one to <em>n</em></label> 
    <input type="number" min="0" max="1000" step="1" id="numbers" name="numbers" /> 
</form> 

<div id="result"> 
</div>

JS Fiddle demo。

编辑提供上述jQuery代码以更加简洁的版本，如mplungjan提供（在评论如下）：

$('#numbers').change(
    function(){ 
     var max = $(this).val(),text=""; 
     for(i=1; i<=max; i++) { 
      text += ', ' + i; 
     } 
     if(text) $('#result').text(text.substring(2)+"."); 
    }); 

$('form').submit(
    function(){ 
     return false; 
    });

Revised/optimised jQuery at JS Fiddle

答案变了社区维基，因为赚取代表别人的努力似乎是错误的....

来源

2011-04-09 16:04:00

大小的一半和复杂性的三分之一：http://jsfiddle.net/7Gbrm/1/ – mplungjan 2011-04-09 16:39:39

@mplungjan，谢谢:)我真的没有打扰尝试优化它，以防万一它不是OP想要的东西...你介意我是否将它编辑成我的答案，或者你是否愿意发布自己的答案？ – 2011-04-09 16:42:59

嗯 - 困难;）可能需要天赋，但可能无法得到它;）继续前进，更新你的 – mplungjan 2011-04-09 16:46:25

如何使用jquery append自动生成数字？

回答

相关问题