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

Jak do dynamicznie dodawanej nowej pozycji listy rownocześnie dodać element o danej klasie?

Aruba Cloud VPS - 50% taniej przez 3 miesiące!
+1 głos
295 wizyt
pytanie zadane 24 czerwca 2016 w JavaScript przez piotr.michal Nowicjusz (160 p.)
Tak jak w temacie, chciałbym równocześnie do tworzonej pozycji listy dodać element o jakiejś klasie. Dokładniej chodzi o znak "x", który zapisałem w tagach <a></a> oznaczonych klasą (poniżej wstawiłem link z całym kodem). Ma on się pojawić wraz z nowym elementem li a raczej w jego wnętrzu. Podejrzewam że jest to dosyć proste, ale ze względu na to że dopiero zaczynam zabawę w js nie umiem jeszcze tego ogarnąć;) Z góry dziękuję za wszystkie pomocne wskazówki.

mój kod:

https://jsbin.com/butuxohuca/edit?html,js,output

1 odpowiedź

0 głosów
odpowiedź 24 czerwca 2016 przez Comandeer Guru (606,120 p.)
wybrane 24 czerwca 2016 przez piotr.michal
 
Najlepsza

Skoro masz:

li.innerHTML = input.value;

to wystarczy dodać do tego stringa:

li.innerHTML = input.value + 'kod HTML elementu';

I zanim zapytasz jak obsługiwać kliki → http://tutorials.comandeer.pl/js-beauty.html#delegation ;)

komentarz 24 czerwca 2016 przez piotr.michal Nowicjusz (160 p.)
super, śmiga elegancko;) jeszcze raz dzięki za pomoc

Podobne pytania

+1 głos
3 odpowiedzi 256 wizyt
pytanie zadane 10 września 2021 w JavaScript przez TheDarkSide Użytkownik (930 p.)
0 głosów
4 odpowiedzi 1,164 wizyt
pytanie zadane 14 czerwca 2017 w JavaScript przez Dorian Bajorek Dyskutant (7,920 p.)

93,109 zapytań

142,087 odpowiedzi

321,610 komentarzy

62,449 pasjonatów

Motyw:

Akcja Pajacyk

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

Oto polecana książka warta uwagi.
Pełną listę książek znajdziesz tutaj

Wprowadzenie do ITsec, tom 1 Wprowadzenie do ITsec, tom 2

Można już zamawiać dwa tomy książek o ITsec pt. "Wprowadzenie do bezpieczeństwa IT" - mamy dla Was kod: pasja (użyjcie go w koszyku), dzięki któremu uzyskamy aż 15% zniżki! Dziękujemy ekipie Sekuraka za fajny rabat dla naszej Społeczności!

...