Проблема с ID
 

Привет, проблема следующая:

После щелчка по 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>

Sav2907,
может вам строку 33 вынести из клика?

Спасибо, нужно чтобы после каждого parent, отсчет начинался снова с 1

Sav2907,

var last_id = parent.nextUntil(".parent").length;

Спасибо, большое