javascript - Jquery insertBefore 插入文本而不是 HTML

Question

http://api.jquery.com/insertbefore/ 处的示例在将新 HTML 插入 DOM 之前显示 insert

我的 HTML 结构如下:

        <div class="left line">
            <div class="steps" id="step1"></div>
        </div>
        <div class="left line">
            <div class="steps" id="step2"></div>
        </div>

我在文档准备好后调用它(注意我尝试将文本包装在“”和''中并得到相同的结果。代码在for循环中运行并插入到正确的位置。

        if (opts[i].payments1) {
            console.log("P1")
            $( "< div class = 'payment1'> < /div>" ).insertBefore( "#step" + i );

        }

当我运行代码时，我得到了这个

<div class="left line">
   &lt; div class = 'payment1'&gt; &lt; /div&gt;
  <div class="steps" id="step1" style="background-color: blue;"></div>
</div>

所以当查看页面时我得到

而不是div的格式

Answer 1

我假设jQuery不喜欢你写的方式<div.... 。尝试一下

 $( "<div class='payment1'> </div>" ).insertBefore( $("#step" + i) );

去掉空格。