插入Javascript环绕兄弟

目前，我有一个需求，需要将div表单内联和表单组包装在元素的同级周围

<div class="condition row m-t-10">
  <div class="col-md-1"></div>
  <div class="col-md-1"></div>
</div>

通过Javascript实现目标

<div class="condition row m-t-10">
  <div class="form-inline">
    <div class="form-group">
      <div class="col-md-1"></div>
      <div class="col-md-1"></div>
    </div>
 </div>
</div>

var row_control = $( "div.condition.row.m-t-10" ).siblings();
row_control.wrap("<div><div>").before();

我尝试了很多使用“before”、“after”、“wrap”的尝试，似乎所有内容都是围绕“condition”div调用的。我需要它在该元素之后立即启动

尝试失败

<div class="condition row m-t-10">
  <div class="form-inline">
    <div class="form-group">
      <div class="col-md-1"></div>
      <div class="col-md-1"></div>
    </div>
 </div>
</div>

var row_control = $( "div.condition.row.m-t-10" ).siblings();
row_control.wrap("<div><div>").before();

var row_control=$（“div.condition.row.m-t-10”）.sides（）；
行_控件。换行（“”。before（）；

jQuery是您想要的：

$('.condition').wrapInner('<div class="form-group"></div>').wrapInner('<div class="form-inline"></div>');

$（'.condition'）.wrapInner（''）.wrapInner（''）；

---

您是在使用jquery还是只能使用straight JS？你已经试过什么了？我一直试图通过jquery实现这一点。和。当我调用.before（）或.after（）时会发生什么；它将包装父对象而不是兄弟对象。我正试图将其定位为父对象，然后插入所需的div标记，作为兄弟对象的包装。我知道我遗漏了什么！非常感谢你！没问题。您使用了

wrap

，这是正确的，但您的工作是向外的，而不是向内的：）