在另一个div中创建div

Question

我尝试在其他div中使用append创建一个div，等等。但是没有成功。

代码结构如下，部分：

<div class="row">
<div class="col-xs-12" id="element-container">

    <div class="row">
          <div class="space-6"></div>
              <div class="col-sm-6 infobox-container" >
                   <div class="infobox infobox-2  infobox-blue" id="infobox_1"></div>
               ....
               </div> !--col-sm-6 infobox-container--!

               <div class="vspace-sm"></div>

               <div class="col-sm-6"></div>
      </div> !--end row--!

我需要在“vspace-sm”之后或之前插入带有文本的新div。我试过了：

$('.row').find('.row')
         .find('.infobox-container')
         .after('<div class="box-disabled-container"></div>')
         .text('text text text')

Answer 1

jquery会是这样的

$('.row').find('.col-xs-12')
    .find('.row')
    .find('.vspace-sm')
    .before( 
        $( '<div class="box-disabled-container"></div>' ).text('text text text') 
    );

Demo