Javascript 使用jquery在特定位置插入html代码

我的出发代码存储在jquery中的变量中，我希望使用jquery编辑此变量，以便在特定位置插入一些行使用jquery blockquote编辑后查看希望接收的代码

我的出发代码

1号规范
参考文献
价格

使用jquery编辑后希望接收的代码

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>

---

我希望这对你有用

你不明白我的意思，我想插入la行代码

和

，但没问题，我找到了一个很好的解决方案

<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>

<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');
        });
});