Witam,

tworzę skrypt dynamicznie dodający wiersze tabeli, jednak do tego potrzebuję zmiennej zwiększającej swą wartość. Niestety poniższy kod nie dzała, zmienna i ma cały czas wartość początkową. Jak zmienić kod, aby wyświetlana wartość licznika zwiększała się?

Tabelka w HTML:

[HTML] pobierz, plaintext 
<table border="1" id="tabela">
<tbody>
	<tr>
		<td>1: </td>
		<td>tytul</td>
		<td><span id="dodaj">Dodaj</span> <span id="usun">Usun</span></td>
	</tr>
</tbody>
</table>
[HTML] pobierz, plaintext 

kod jQuery:

[HTML] pobierz, plaintext 
$(document).ready(function()
{
	var i = 2;
	var szablon = '<tr><td>'+i+'</td><td>wartosc</td><td>przyciski</td></tr>';
 
	$('#dodaj').click(function(){
		$('#tabela tbody').append(szablon);
		i++;
	});
 
	$('#usun').click(function(){
		$('#tabela tr:last').remove();
		i--;
	});
});
[HTML] pobierz, plaintext 

Niestety w pierwszej kolumnie cały czas wyświetla się watość "2" zamiast zwiększającej się wartości.

Zmienna jest deklarowana tylko raz, nie za każdym razem kiedy jest wywoływana.

zrób po prostu:

[JAVASCRIPT] pobierz, plaintext 
$('#tabela tbody').append('<tr><td>'+i+'</td><td>wartosc</td><td>przyciski</td></tr>');
[JAVASCRIPT] pobierz, plaintext 

zamiast

[JAVASCRIPT] pobierz, plaintext 
$('#tabela tbody').append(szablon);
[JAVASCRIPT] pobierz, plaintext 

Dzięki d3ut3r, zmienna jest po prostu w złym miejscu, teraz działa:

[HTML] pobierz, plaintext 
$(document).ready(function()
{
	var i = 2;
 
	$('#dodaj').click(function(){
		var szablon = '<tr><td>'+i+'</td><td>wartosc</td><td>przyciski</td></tr>';
		$('#tabela tbody').append(szablon);
		i++;
	});
 
	$('#usun').click(function(){
		$('#tabela tr:last').remove();
		i--;
	});
});
[HTML] pobierz, plaintext