Tengo el siguiente código, donde tengo un div id=padre y un div id=hijo
<div class="row p-0 m-0" id="padre">
<div class="row col-12" id="hijo">
<div class="col-md-4 pr-1">
<div class="form-group">
<?php echo $this->Form->control('masked_start_date',
['name' => 'start_date',
'id' => 'datetimepickerstart',
'required'=>true,
'class' => 'datetimepicker',
'placeholder' => $petsService->start_date,
'value' => $petsService->start_date]); ?>
</div>
</div>
<div class="col-md-4 pr-1">
<div class="form-group">
<?php echo $this->Form->control('masked_end_date',
['name' => 'end_date',
'required'=>true,
'id' => 'datetimepickerend',
'class' => 'datetimepicker',
'placeholder' => $petsService->end_date,
'value' => $petsService->end_date]); ?>
</div>
</div>
<div class="col-md-2 h-100">
<div class="col-12 p-0 m-0">
<div class="col-12 d-flex align-items-center justify-content-center">
<label><?= __('Payed')?></label><br>
</div>
<div class="col-12 d-flex align-items-center justify-content-center">
<?php
echo $this->Form->control('confirmed',[
'label' => '',
'style' => 'transform: scale(1.5); height:40px;',
'class' => 'pl-5'
]);
?>
</div>
</div>
</div>
<div class="col-md-2 h-100 ">
<div class="col-12 d-flex align-items-center justify-content-center">
<label><?= __('More')?></label><br>
</div>
<div id="btn-mas" class="col-12 d-flex align-items-center justify-content-center" style="height:50px;">
<i class="fa fa-plus" onclick="agregar();"></i>
</div>
</div>
</div>
</div>
<script>
function agregar(){
$("#hijo").clone().appendTo("#padre");
}
</script>
Funciona bien, ¡me realiza el clone! El problema es que al usar esta función o método se clona todo exactamente igual.
Necesito diferenciar los ID para poder manipularlos luego.
La idea es poder diferenciar los nodos clonados que se crean al dar click en + y tratar esos datos obtenidos.