[UrimTumim]

Cześć Mirki/Mirabelki,

mam problem, chciałem zrobić coś takiego:
1. Mam divy o class np. "foo1", "foo2", "foo3"
2. Chciałbym aby zliczyło mi każdego diva który zaczyna się od "foo" i wkleiło do niego canvas o id=myCanvas1 (gdzie w miejscu "1" byłby kolejny numer diva)

Udało mi się spłodzić coś takiego - jsfiddle

Ale wkleja mi wszystkie canvas (w tym przypadku wszystkie 3) do każdego diva, zamiast jeden canvas do jednego diva (czyli w divie class=foo1 jest tylko jeden canvas id=myCanvas1, w divie class=foo_2 jest tylko jeden canvas id=myCanvas2 itd)

Będę bardzo wdzięczny za pomoc, jestem frontendowym noobem :(

#javascript #jquery #canvas #webdev

[SaliMike]

@UrimTumim: Jak robisz iteracje metoda each() aby odwołać się do aktualnego iterowanego elementu uzywasz 'this' , a sama poprawka kodu: jsfiddle

[UrimTumim]

@SaliMike: Dzięki wielkie za poprawkę i uwagi :) Nie wiem czemu sam na to nie wpadłem :(

[UrimTumim]

@SaliMike: Hm, mam jeszcze jeden problem ;x
zrobiłem coś takiego: jsfiddle
chciałbym, żeby np. na podstawie nazwy klasy, w canvas zmieniał się parametr 'fillStyle' tzn. np żeby jeśli class= "foo1 colorRed" to żeby w utworzonym myCanvas1 text był na czerwono.
Albo dla class="foo2 colorGreen fontItalic" text w utworzonym myCanvas2 był zielony i pochylony.

Czy da się jakoś w prosty sposób to zrobić? (╥﹏╥)

[SaliMike]

@UrimTumim: Nie jest to kod najwyższych lotów, ale myślę że powinno cię usatysfakcjonować jsfiddle Aby sprawdzić czy jakiś element ma np jakąś dodatkową klasę, możesz użyć metody .hasClass()

[rbielawski]

"foo1", "foo2", "foo_3"

@UrimTumim: http://codepen.io/rbielawski/pen/yVQdOZ