Привет, проблема следующая:
После щелчка по parent, добавляется новая строка с классом details плюс инпут, где ID должен начинаться от 1 и т.д. А у меня у всех добавленных инпут ID = 2
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.9.0/jquery.min.js"></script>
<style>
.my_table{
width: 300px;
}
.parent{
background: green;
}
.details{
background: red;
}
</style>
<table class="my_table">
<tr class="parent">
<td>1</td>
</tr>
<tr class="parent">
<td>2</td>
</tr>
<tr class="parent">
<td>3</td>
</tr>
<tr class="parent">
<td>4</td>
</tr>
</table>
<script>
$('.parent').on('click', function(){
var parent = $(this);
var last_id = 1;
last_id = last_id + 1;
$('<tr class="details"><td><input type="text" id="Faktychno' +last_id+ '"></td></tr>').insertAfter(parent);
});
</script>