如何将html放入js循环中

Question

今天我需要帮助如何使用html代码进行循环并将（i）值放在输入名称上：

    <label>
       <input type='radio' class='parts' value='5' /> 5
    </label>
    <script>
    $(function(){

      jQuery('.parts').on('click', function(){
        var html = '';  
        for(i=1; i <= $(this).val(); i++ ){
          html += "<input type='text' name='cars[i]' /> car number i";
        }
        $('#result').html(html);
      });

    });
    </script>

<div id='result'></div>

如果你不这样做，请问。

Answer 1

您可以使用字符串连接：

html += "<input type='text' name='cars[" + i + "]' /> car number " + i;

＆＃13;

＆＃13;

    $(function(){

      jQuery('.parts').on('click', function(){
        var html = '';  
        for(i=1; i <= $(this).val(); i++ ){
          html += "<input type='text' name='cars[" + i + "]' /> car number " + i + "<br>";
        }
        $('#result').html(html);
      });

    });

＆＃13;

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<label>
       <input type='radio' class='parts' value='5' /> 5
    </label>
<div id='result'></div>

＆＃13;

＆＃13;

＆＃13;