在特定的地方插入html代碼與jquery

Question

我的出發代碼存放在變量jquery中，我想編輯這個變量與jquery插入一些行在特定的地方看看代碼希望在編輯後使用jquery blockquote

我離開代碼

<div class="form-group"> 
    <label class="control-label required">Specification n°1</label> 
    <div id="products_specifications_0"> 
     <div class="form-group"> 
      <label class="control-label required" for="products_specifications_0_reference">Reference</label> 
      <input type="text" id="products_specifications_0_reference" name="products[specifications][0][reference]" required="required" class="form-control" /> 
     </div> 
     <div class="form-group"> 
      <label class="control-label required" for="products_specifications_0_price">Price</label> 
      <input type="text" id="products_specifications_0_price" name="products[specifications][0][price]" required="required" class="form-control" /> 
     </div> 
    </div> 
</div> 

，想要和jQuery的編輯後收到的代碼

<div class="form-group"> 
    <label class="control-label required">Specification n°1</label> 
    <div id="products_specifications_0"> 
     <div class="col-sm-5"><!-- INSERT THIS LINE --> 
      <div class="form-group"> 
       <label class="control-label required" for="products_specifications_0_reference">Reference</label> 
       <input type="text" id="products_specifications_0_reference" name="products[specifications][0][reference]" required="required" class="form-control" /> 
      </div> 
     </div><!-- INSERT THIS LINE --> 
     <div class="col-sm-5"><!-- INSERT THIS LINE --> 
      <div class="form-group"> 
       <label class="control-label required" for="products_specifications_0_price">Price</label> 
       <input type="text" id="products_specifications_0_price" name="products[specifications][0][price]" required="required" class="form-control" /> 
      </div> 
     </div><!-- INSERT THIS LINE --> 
    </div> 
</div> 

Answer 1

在你離開的代碼做添加此行

<div class="form-group"> 
    <label class="control-label required">Specification n°1</label> 
    <div id="products_specifications_0"> 
     <div class="myclass"><!-- ADD THIS LINE --> 
      <div class="form-group"> 
       <label class="control-label required" for="products_specifications_0_reference">Reference</label> 
       <input type="text" id="products_specifications_0_reference" name="products[specifications][0][reference]" required="required" class="form-control" /> 
      </div> 
     </div><!-- ADD THIS LINE --> 
     <div class="myclass"><!-- ADD THIS LINE --> 
      <div class="form-group"> 
       <label class="control-label required" for="products_specifications_0_price">Price</label> 
       <input type="text" id="products_specifications_0_price" name="products[specifications][0][price]" required="required" class="form-control" /> 
      </div> 
     </div><!-- ADD THIS LINE --> 
    <button id="change">Click to Change</button> 
    </div> 
</div> 

，我已經有一個添加按鈕，因爲你沒有提到的任何事件的註釋。然後添加這個腳本...

$(document).ready(function(){ 
     $("#change").click(function(){ 
      $(".myclass").addClass('col-sm-5'); 
     }); 
}); 

我希望這對你的作品