Edycja rekordu jQuery

pytanie zadane 2 sierpnia 2016 w JavaScript przez Patryk Rafał Bywalec (2,700 p.)
otwarte ponownie 6 sierpnia 2016 przez Patryk Rafał

Dobra edycja już prawie działa tylko mam problem ponieważ wymyśliłem to sobie tak że po kliknięciu w pole edycji pod spodem wyświetla mi się nowy wiersz taki pomocniczy w którym wprowadzam sobie dane do zmiany np.

ale jak utworze 2 wiersz i kliknę edycje to wyświetla mi się to tak

zamieszczam kod w jQery

var i = 1;
var imie;
  $(document).ready(function()
  {


    $("#dodaj").click(function()
    {
      imie = $("#imie").val();
      var wiersz = ("<tr class='wiersz'><td class='first'></td><td class='wImie'>" + imie + "</td><td><button class='usun'>Usuń</button></td><td><button class='edytuj'>Edycja</button></td></tr>");

      $("#tB").append(wiersz);

      $(".first").each(function(i)
      {
        $(this).text(i+1);
      });

      $("#tB").on("click",".usun",function()
      {
        $(this).parent().parent().remove();

        $(".first").each(function(i)
        {
          $(this).text(i+1);
        });

      });

      $("#tB").on("click",".edytuj",function()
      {

        var wiersz = $("<tr><td></td><td><input type='text' placeholder='Podaj imię' id='wImie'/></td><td><button class='zapis'>Zapisz </button></td><td><button class='anuluj'>Anuluj</button></td></tr>");
        $(this).closest('tr').after(wiersz);

      });

    $("#tB").on("click",".anuluj",function(){
      $(this).parent().parent().remove();
    });

    $("#tB").on("click",".zapis",function(){


      var noweImie = $("#wImie").val();
      var nowe = imie.replace(imie,noweImie);
      $(".wImie").text(nowe);
      $(this).parent().parent().remove();



    });

    });



  });

a tu w jsbin.com

https://jsbin.com/seleqineri/1/edit?html,css,js,output

2 odpowiedzi

odpowiedź 2 sierpnia 2016 przez uRTLy Bywalec (2,420 p.)

jQuery zakłada że jak klikniesz przycisk edycja to klikasz też całą komórkę a ona ma klase usun tak jak ten przycisk, ty masz ustawiony event na wszystkie elementy o klasie usun, Wklej mi cały kod z htmlem na www.jsbin.com to się pobawię bo mogę się mylić .

Pokaż 11 poprzednich komentarzy

komentarz 5 sierpnia 2016 przez Patryk Rafał Bywalec (2,700 p.)
przywrócone 6 sierpnia 2016 przez Patryk Rafał

kolego ja sobie tworze buttony w jquery i poźniej robie z akcje na nich

komentarz 5 sierpnia 2016 przez xmentor Nałogowiec (49,520 p.)

Nie czytasz no i nie rozumiesz :)

komentarz 5 sierpnia 2016 przez Patryk Rafał Bywalec (2,700 p.)
przywrócone 6 sierpnia 2016 przez Patryk Rafał

Dobra dzięki za taką pomoc jak masz z łaski pomagać to lepiej daruj sobie.

komentarz 5 sierpnia 2016 przez Patryk Rafał Bywalec (2,700 p.)
przywrócone 6 sierpnia 2016 przez Patryk Rafał

Czy wie ktoś może jak inaczej dostać się do aktualnego wiersza po kliknięciu bez użycia klasy ?

komentarz 5 sierpnia 2016 przez Patryk Rafał Bywalec (2,700 p.)
przywrócone 6 sierpnia 2016 przez Patryk Rafał

dobra edycje zrobiłem anuluj też działa jak i zapis jednak jest problem bo np gdy utworze np 3 wiersze w tabeli i kliknę 3 wiersz to tworzą mi się 3 wiersze do edycji, aby lepiej to zobrazować pokaże na przykładzie.