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 class

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

但是它并没有发生insertBefore（）;也不是jquery dom插入。如果我问问题，你介意吗？

Answer 1

这是你要做的事情：https://jsfiddle.net/yo031jcs/1/

jQuery的：

using (StreamWriter file = File.CreateText("hello.txt"))

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

编辑：这是一个更新的小提琴，所以col-md-2进入行内：https://jsfiddle.net/yo031jcs/2/

更新了jQuery：

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

Answer 2

它的工作没有任何错误。请看一下：

＆＃13;

$(document).ready(function(){
  $(".column").wrapAll("<div class='row'><div class='col-md-6'></div></div>");
  $("<div class='col-md-2'>Name Lastname</div>").insertBefore(".col-md-6")
});

＆＃13;

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script>
 <div class="container">
     <div class="column">
         <input type="text">
     </div>
 </div>

＆＃13;

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

2 个答案: