在兄弟姐妹周围插入 Javascript 环绕

Insert Javascript Wrap around Siblings

本文关键字：Javascript 环绕 插入 周围 兄弟姐妹      更新时间：2023-09-26

我目前需要将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>

我已经尝试了很多使用"之前"，"之后"，"包装"的尝试，一切似乎都在围绕"条件"div调用。我需要它在该元素之后立即开始。

失败的尝试

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

jQuery 的 wrapInner（） 是你想要的：

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

JSFiddle

相关文章：