然后jQuery .before（）找到它的內容並應用for循環。 我究竟做錯了什么

Question

我需要動態添加一些像容器這樣的東西然后在DOM中找到它並填充一個數字列表。 這是我的方式，但我覺得這是多余的，也許我應該以另一種方式。 唯一的問題是我必須使用javascript和cant硬編碼任何容器。 這就是為什么我首先添加它然后嘗試找到它。

JS Bin工作示例http://jsbin.com/okikohu/1/

編碼：

<script>
    $(function(){

      var obj = $('form'),
          total = 6;

        obj.before('<div class="container"/>');
        var container = $('body').find('.container');

        for (var i = 0, limit = total; i < limit; i++) {

                container.append('-<span class="step" id="is'+(i+1)+'">'+(i+1)+'</span>-');

      }

    });
  </script>

<form>some form</form>

Answer 1

 obj.before('<div class="container"/>'); var container = $('body').find('.container'); 

您可以使用jQuery(html)構造函數創建元素，而只需將insertBefore()放在某處，同時仍保留引用，而不是使用before()然后使用DOM查詢：

var total = 6,
    container = $('<div class="container"/>').insertBefore('form');