javascript - jQuery .before() 然后找到它的内容并应用 for 循环。我究竟做错了什么

Question

我需要动态添加一些东西，比如容器，然后在 DOM 中找到它并填写一个数字列表。这是我这样做的方式，但我觉得它是多余的，也许我应该以另一种方式来做。唯一的问题是我必须使用 javascript 来完成这一切，并且不能对任何容器进行硬编码。这就是为什么我首先添加它然后尝试找到它。

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');

您可以使用构造函数创建元素，然后在保持引用的同时将其简单地创建在某个地方，而不是使用before()然后使用 DOM 查询：jQuery(html)insertBefore()

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