Edycja atrybutów podwójnej klasy css w js [ankieta]

Question

Witajcie, potrzebuję zmodyfikować atrybuty podwójnej klasy którą w css mam zapisaną ".fade.ng-enter {transform-origin: 20px 20px;}" i potrzebuję modyfikować ten atrybut z poziomu js, wie ktoś jak moge dostać się do takiego zapisu podwójnej klasy w js ? $('.fade .ng-enter') raczej nie działa. Z góry dziękuję i pozdrawiam :)

Brak odpowiedzi!

Answer 1

bo to co pokazałeś to dotyczu elementu .ng-enter którego rodzicem jest .fade ;)

Usuń spację między tymi klasami i to będzie oznaczało jeden o element z tymi dwoma klasami.

Comments

Tak, chodzi mi o element .ng-enter którego rodzicem jest .fade. W js zapisuje to w taki sposób i nie działa : $('.fade .ng-enter').css({ 'transform-origin': "1600px 160px" }); Noemi

---

atrybuty podwójnej klasy którą w css mam zapisaną ".fade.ng-enter {transform-origin: 20px 20px;}"

tutaj pokazałeś bez odstępu więc myślałam że chodzi o jeden element ;d

Jeśli nie masz żadnego transform w CSS ustawionego to chyba nie ma Ci co pokazać różnicy ;d wrzuć sobie tam zamiast tej właściwości np kolor tła i zobaczysz że Ci działa :P

---

Okej, sprawdziłem ze spacją i też nie działa, w taki sposób zapisałem $('.fade .ng-enter').css( 'width', '300px' );

Może prościej, w css mam tak zapisane :

fade.ng-enter {
    transform-origin: 385px 65px;
    animation: show 0.7s;
}

a w js chcę edytować sobie wartość atrybutu transform-origin i nie wiem jak do tego dojść, z góry dziękuję za pomoc :) Noemi

---

no dobrze, ale w CSS masz inny element zapisany niż ten, który "łapiesz" za pomcą jQuery ;)

---

W takim razie jak mam to zapisać, aby dostac się do tego elementu z css ? Dziękuję :)

---

<div class="fade ng-enter"> jakiś div </div>

jeśli masz taki element w HTML, który ma dwie klasy i chcesz się do niego dostać koniecznie za pomocą tych dwóch klasach to w CSS dajesz:

.fade.ng-enter { 
    ... 
}

bez spacji, dlatego że to dotyczy jednego elementu :P i tak samo bez spacji powinno być w jQuery, czyli:

var element = $('.fade.ng-enter')

I to na pewno działa :)