如何使用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自動生成數字？

回答

相關問題