[AJAX][JavaScript]Usunięcie danego TR z tabeli Opcje

[denis95x]

Witam,
poniżej kod działającego dodawania wiersza do tabeli.

Potrzebuje teraz żeby wybrany wiersz po naciśnieciu buttona X usunęło.

jak to zrobić ?

[JAVASCRIPT] pobierz, plaintext 
 
// co się dzieje po kliknięciu na button o id #dodaj
$("#dodaj_wiersz").click(function() {
 
  var tabelka = document.getElementById('pozycje');
var wierszy = tabelka.rows.length;
 
$('#ilewierszy').val(wierszy);
 
	 var row ='<tr class="dane" id="'+wierszy+'"><td style="text-align:center;" id="'+wierszy+'">'+wierszy+'<input type="button" id="usun_wiersz" class="jquery-add-row" value="x" /></td><td ><input type="text" name="nazwa_pozycji'+wierszy+'" id="nazwa_pozycji'+wierszy+'" class="form-control" placeholder="Nazwa pozycji / artykułu" /></td><td ><input style="text-align:center;" type="text" name="pkwiu'+wierszy+'" id="pkwiu'+wierszy+'" class="form-control"/></td><td ><input style="text-align:center;" type="text" name="ilosc'+wierszy+'" id="ilosc" class="form-control" value="0.00" placeholder="0.00" onchange="checkCyfra(this)" /></td><td><select name="jm'+wierszy+'" data-placeholder="szt" class="selectlist"><option value="">szt</option><option selected="selected" value="szt">szt.</option><option value="usl">usł.</option>			<option value="opak">opak.</option><option value="godz">godz.</option><option value="str">str.</option><option value="m2">m2</option></select></td><td ><input style="text-align:center;" type="text" name="cena_netto'+wierszy+'" id="cena_netto" value="0.00" placeholder="0.00" class="form-control" onchange="checkCyfra(this)" /></td><td ><select name="vat'+wierszy+'" id="vat" data-placeholder="%" class="selectlist" ><option value="0">0</option><option selected="selected" value="23">23</option><option value="22">22</option><option value="20">20</option><option value="19">19</option><option value="15">15</option><option value="8">8</option><option value="7">7</option><option value="3">3</option><option value="0">0</option><option value="0">ZW</option><option value="0">NP</option></select></td><td ><input style="text-align:center;" type="text" name="wartosc_netto'+wierszy+'" id="wartosc_netto" value="0.00" onchange="checkCyfra(this)" class="form-control"/></td><td ><input style="text-align:center;" type="text" name="wartosc_brutto'+wierszy+'" id="wartosc_brutto" value="0.00" onchange="checkCyfra(this)" class="form-control"/></td></tr>';
 
$('#pozycje').find('tbody').append(row);	
 
});
 
[JAVASCRIPT] pobierz, plaintext 

Próbowałem w ten sposób ale mi usuwa tylko 1 wiersz który nie był uprzednio dodawany przez jQuery.
W czym może tkwić problem ?

[JAVASCRIPT] pobierz, plaintext 
$(document).ready(function(){
	$('#pozycje td').click(function(){
		$(this).parent().remove();
	});
 
});
[JAVASCRIPT] pobierz, plaintext 

Ten post edytował denis95x 6.08.2015, 16:46:05

[denis95x]

Dzięki raz jeszcze !
Chyba się nie odwdzięczę !

A skoro już przy tabelach, a pewnie dla ciebie to Pikuś (IMG:style_emoticons/default/smile.gif)

podpowiedziałbyś, albo pokazał jak zsumować wszystkie wartości pod tabelą dla np. wartosc_netto ?

Bo znowu sie pogubie przy tym tr td itd...

dodawanie i wiersze wyglądają tak:

[JAVASCRIPT] pobierz, plaintext 
$("#dodaj_wiersz").click(function() {
 
 
  var tabelka = document.getElementById('pozycje');
var wierszy = tabelka.rows.length;
 
$('#ilewierszy').val(wierszy);
 
	 var row ='<tr class="dane" id="'+wierszy+'"><td style="text-align:center;" id="'+wierszy+'">'+wierszy+'<button><i class="glyphicon  glyphicon-remove"></i></button></td><td ><input type="text" name="nazwa_pozycji'+wierszy+'" id="nazwa_pozycji'+wierszy+'" class="form-control" placeholder="Nazwa pozycji / artykułu" /></td><td ><input style="text-align:center;" type="text" name="pkwiu'+wierszy+'" id="pkwiu'+wierszy+'" class="form-control"/></td><td ><input style="text-align:center;" type="text" name="ilosc'+wierszy+'" id="ilosc" class="form-control" value="0.00" placeholder="0.00" onchange="checkCyfra(this)" /></td><td><select name="jm'+wierszy+'" id="jm'+wierszy+'" data-placeholder="szt" class="selectlist"><option value="">szt</option><option selected="selected" value="szt">szt.</option><option value="usl">usł.</option>			<option value="opak">opak.</option><option value="godz">godz.</option><option value="str">str.</option><option value="m2">m2</option></select></td><td ><input style="text-align:center;" type="text" name="cena_netto'+wierszy+'" id="cena_netto" value="0.00" placeholder="0.00" class="form-control" onchange="checkCyfra(this)" /></td><td ><select name="vat'+wierszy+'" id="vat" data-placeholder="%" class="selectlist" ><option value="0">0</option><option selected="selected" value="23">23</option><option value="22">22</option><option value="20">20</option><option value="19">19</option><option value="15">15</option><option value="8">8</option><option value="7">7</option><option value="3">3</option><option value="0">0</option><option value="0">ZW</option><option value="0">NP</option></select></td><td ><input style="text-align:center;" type="text" name="wartosc_netto'+wierszy+'" id="wartosc_netto" value="0.00" onchange="checkCyfra(this)" class="form-control"/></td><td ><input style="text-align:center;" type="text" name="wartosc_brutto'+wierszy+'" id="wartosc_brutto" value="0.00" onchange="checkCyfra(this)" class="form-control"/></td></tr>';
 
$('#pozycje').on('tbody').append(row);	
[JAVASCRIPT] pobierz, plaintext 

Domyślam się że jakoś w pętli dodając +1 do każdego name/id inputa
ale to już wyższa szkółka jazdy :/

Ten post edytował denis95x 6.08.2015, 18:26:46