克隆格

Question

我的HTML是：

<div id="product"> 
<div class="clonedInput" id="input"> 
     <div class="row"> 
      <div class="col-md-6 col-md-offset-1"> 

        {!! Form::label('product','Product: ') !!} 
        <select name="product" size="1"> 
         @foreach($products as $p) 
         <option value="{{ $p->name }}">{{ $p->name }}</option> 
         @endforeach 
        </select> 
      </div> 
      <div class="col-md-2 col-md-offset-1"> 
        {!! Form::label('prodquant','Product Quantity: ') !!} 
        {!! Form::input('number','prodquant','1', ['class' => 'form-control', 'step' => 'any']) 
        !!} 
      </div> 
     </div> 
     <div class="row"> 
      <div class="col-md-8 col-md-offset-1"> 
        {!! Form::label('proddescription','Description: ') !!} 
        {!! Form::textarea('proddescription',null,['class' => 'form-control']) !!} 
      </div> 
     </div> 
    <div class="removebtn"></div> 
</div> 

我的jQuery是：

var rowNum = 0; 

$(document).ready(function(){ 
    rowNum++; 
    $(".cloneme").click(function(){ 
     var nextHTML = $(".clonedInput").clone()/*.appendTo("#product")*/; 
     nextHTML.attr('id','input' + rowNum).appendTo('#product'); 
    }); 
}); 

它工作在复制.clonedInput格罚款，但我需要.product，.prodquant和.proddescription的子类与#input一起增加。

如果任何人都可以指出我如何在那里得到一个删除按钮的正确方向，我会非常感激！

Answer 1

我建议，而不是使用id的类，所以你不必增加任何东西：

$(".cloneme").click(function(){ 
    $('#product').append($(".clonedInput").clone()); 
}); 

如果你已经真的来增加类另一个目的，你只是做喜欢：

$(".cloneme").click(function(){ 
    var nextHTML = $(".clonedInput").clone(); 

    nextHTML.attr('id','input' + rowNum); 
    nextHTML.find('.product').attr('class','product' + rowNum); 
    nextHTML.find('.prodquant').attr('class','prodquant' + rowNum); 
    nextHTML.find('.proddescription').attr('class','proddescription' + rowNum); 

    nextHTML.appendTo('#product'); 
}); 

希望这会有所帮助。