[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]

teraz mnie zamurowało (IMG:style_emoticons/default/tongue.gif)

O czym do mnie mówisz (IMG:style_emoticons/default/biggrin.gif)


Poradziłem sobie ale tylko wykorzystując .on('blur'

Kod

$(document).ready(function() {

$('#pozycje').on('blur', '[id="cena_netto"]', function(){
    var sum = 0;
    $('[id="wartosc_netto"]').each(function() {
        if($(this).val()!="")
         {
            sum += parseFloat($(this).val());
         }

    });
        $('#xyz').empty().append(sum);
});
    });

A jak to przerobić, żeby aktualizowało nie zależnie od blura ?

Ten post edytował denis95x 6.08.2015, 20:12:43