инпутов может быть большое количество с разным name
речь о двух строках
elem.find('input[name="block"]').attr('name', 'block'+$('.item').length++)
elem.find('input[name="test"]').attr('name', 'test'+$('.item').length++)
$(document).on('click', '#btn', function() {
let elem = $('.item.copy').clone();
elem.removeAttr('style');
elem.removeClass('copy');
elem.find('input[name="block"]').attr('name', 'block' + $('.item').length++)
elem.find('input[name="test"]').attr('name', 'test' + $('.item').length++)
$('.holder').append(elem);
})
.holder {
counter-reset: number;
position: relative;
}
p::after {
position: absolute;
counter-increment: number;
content: counter(number);
}
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<div class="holder">
<div class="item">
<p>item</p>
<input type="text" name="block">
<input type="text" name="test">
</div>
<div class="item copy" style='display: none'>
<p> item</p>
<input type="text" name="block">
<input type="text" name="test">
</div>
<!-- то что хочу получить после склонирования
<div class="item copy" style='display: none'>
<p>2 item</p>
<input type="text" name="block2">
</div>
ид
-->
</div>
<button id="btn">
склонировать элемент
</button>