JSFiddle - React, Tailwind, and code Playground
HTML
<div id="formularioVeiculo">
<div class="row">
<div class="col-xs-5">
<div class="form-group" style="margin:0 0 0 1px;">
<label class="control-label">Veículo</label>
<select name="veiculo[]" id="" class="form-control">
<option value="A">Marca A</option>
<option value="A">Marca B</option>
</select>
</div>
</div>
<div class="col-xs-2">
<div class="form-group" style="margin:0 0 0 1px;">
<label class="control-label">Valor</label>
<input name="veiculoValor[]" type="text" class="form-control" id="" value="" required>
</div>
</div>
<div class="col-xs-1">
<div class="form-group"> <a href="#" class="btn btn-success btn-xs adicionarCampo" data-id="1" style="margin:35px 0 0 0"><i class="fa fa-plus bigger-110 icon-only">X</i></a>
</div>
</div>
</div>
</div>
CSS
.btn-success {
color: #ffffff;
background-color: #5cb85c;
border-color: #4cae4c;
}
.linkRemover {
color: #ffffff;
background-color: #833;
border-color: #4cae4c;
}
.btn {
display: inline-block;
color: #FFF !important;
text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25) !important;
background-image: none !important;
border: 5px solid #FFF;
border-radius: 0;
box-shadow: none !important;
-webkit-transition: all ease .15s;
transition: all ease .15s;
cursor: pointer;
vertical-align: middle;
margin: 0;
position: relative;
}
.btn-sm, .btn-xs {
padding: 5px 10px;
font-size: 12px;
line-height: 1.5;
border-radius: 3px;
}
JavaScript
$('#formularioVeiculo').on('click', '.adicionarCampo', function (e) {
var clone = $(e.target).closest('.row').clone();
$('#formularioVeiculo').append(clone);
// adicionar botão para remover
if (clone.find('a.linkRemover').length) return;
var remover = clone.find('a.adicionarCampo').clone().removeClass('adicionarCampo btn-success').addClass('linkRemover');
clone.find('a.adicionarCampo').after(remover);
});
$('#formularioVeiculo').on('click', '.linkRemover', function (e) {
$(e.target).closest('.row').remove();
});