jquery - 在另一个 html 对象中添加 html 对象

Question

在开始之前，我想告诉你，也许我的舌头不足以理解彼此，所以我很抱歉。

我有下面的html代码；

  <div class="container">
     <div class="column">
         <input type="text">
     </div>
 </div>

例如，我用 jquery 包装了我的输入对象；

$(".column").wrapAll("<div class='row'><div class='col-md-6'></div></div>");

我的html文档是这样的；

<div class="container">
 <div class="column">
    <div class="row">
     <div class="col-md-6">
         <input type="text">
      </div>
    </div>
  </div>
</div>

但我无法解决的真正问题就在这里，之后我无法使用 jquery 添加任何 html 对象，例如我想在 .col-md-6 类之前添加

<div class="col-md-2">Name Lastname</div>

但是 insertBefore() 也没有发生；也不是 jquery dom 插入。你介意我问一下问题吗？

Answer 1

这就是你想要做的吗:https://jsfiddle.net/yo031jcs/1/

jQuery:

$(".column").prepend("<div class='col-md-2'>Name Lastname</div>");
$(".column").wrapAll("<div class='row'><div class='col-md-6'></div></div>");

jQuery 文档:http://api.jquery.com/prepend/

编辑:这是一个更新的 fiddle ，因此 col-md-2 进入行内:https://jsfiddle.net/yo031jcs/2/

更新的 jQuery:

$(".column").wrapAll("<div class='row'><div class='col-md-6'></div></div>");
$(".row").prepend("<div class='col-md-2'>Name Lastname</div>");