• Najnowsze pytania
  • Bez odpowiedzi
  • Zadaj pytanie
  • Kategorie
  • Tagi
  • Zdobyte punkty
  • Ekipa ninja
  • IRC
  • FAQ
  • Regulamin
  • Książki warte uwagi

jQuery, on click przy elementach tworzonych dynamicznie

0 głosów
243 wizyt
pytanie zadane 31 lipca 2018 w JavaScript przez Wyshak Początkujący (260 p.)

Witam. mam taki button:

<button type="button" class="btn user-delete">
                Usuń
            </button>

który należy do:

<ul class="user-list">

Chcę dodać takie zdarzenie:

$(".user-list").on("click",".btn",function(){
        $(this).parent().remove();
    })

i to działa, jednak chciałbym to rozszerzyć tylko do buttonów "btn user-delete".

Wcześniej używałem:

    $(".btn").on("click",function(){

        if($(this).hasClass("user-delete")){
        $(this).parent().remove();
       }
    })

jednak to nie działa w przypadku nowych buttonów, tworzonych dynamicznie już po załadowaniu strony.

Jak to rozwiązać?

$(".user-list").on("click",".btn",function()

Da się jakoś odnieść tutaj do ".btn", żeby móc sprawdzić jego atrybut hasClass("user-delete")? 

 

3 odpowiedzi

+2 głosów
odpowiedź 31 lipca 2018 przez Comandeer Guru (560,300 p.)
wybrane 31 lipca 2018 przez Wyshak
 
Najlepsza

Da się jakoś odnieść tutaj do ".btn", żeby móc sprawdzić jego atrybut hasClass("user-delete")? 

Przecież jQuery przyjmuje selektory CSS, więc wystarczy go użyć – .btn.user-delete

komentarz 31 lipca 2018 przez Wyshak Początkujący (260 p.)
Próbowałem tego wcześniej tylko ze spacją pomiędzy .btn a .user-delete i dlatego nie działało :D Teraz działa, dzięki
0 głosów
odpowiedź 31 lipca 2018 przez lapacz.kornel Mądrala (6,960 p.)
$(".user-list").on("click",".btn", ({target}) => {
   const $target = $(target)

    $target.parent().remove();
})

To u ciebie działa?

–1 głos
odpowiedź 31 lipca 2018 przez Ubermade Bywalec (2,020 p.)
poczytaj o addEventListener()
komentarz 31 lipca 2018 przez Comandeer Guru (560,300 p.)
A po co? Nie rozwiązuje to żadnego problemu + wprowadza niespójność.

Podobne pytania

0 głosów
3 odpowiedzi 119 wizyt
+1 głos
1 odpowiedź 31 wizyt
pytanie zadane 14 października w JavaScript przez Mruczekkk Nowicjusz (220 p.)
0 głosów
1 odpowiedź 350 wizyt
pytanie zadane 3 maja 2018 w Inne języki przez matmati2003 Użytkownik (620 p.)

85,875 zapytań

134,650 odpowiedzi

298,919 komentarzy

56,743 pasjonatów

Advent of Code 2021

Top 15 użytkowników

  1. 1048p. - rucin93
  2. 1042p. - Whistleroosh
  3. 989p. - adrian17
  4. 984p. - Mikbac
  5. 982p. - Mateusz Bogdan
  6. 912p. - nidomika
  7. 867p. - Michal Drewniak
  8. 859p. - CC PL
  9. 854p. - Argeento
  10. 704p. - ScriptyChris
  11. 692p. - s. Dorota Kowalewska
  12. 683p. - tokox
  13. 660p. - Vinox
  14. 645p. - TheLukaszNs
  15. 628p. - WhiskeyTaster
Szczegóły i pełne wyniki

Motyw:

Akcja Pajacyk

Pajacyk od wielu lat dożywia dzieci. Pomóż klikając w zielony brzuszek na stronie. Dziękujemy! ♡

Oto dwie polecane książki warte uwagi. Pełną listę znajdziesz tutaj.

...