插入Javascript环绕兄弟姐妹

时间:2015-01-28 04:43:49

标签: javascript html

我目前要求在元素的兄弟元素周围包装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>

我尝试了许多尝试&#34;之前&#34;,&#34;&#34;,&#34; wrap&#34;一切似乎都围绕着&#34;条件&#34; DIV。我需要它在那个元素之后立即开始。

尝试失败

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

1 个答案:

答案 0 :(得分:2)

jQuery的wrapInner()就是你想要的:

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

JSFiddle