javascript - Add differing CSS rules to a set of generated elements -



javascript - Add differing CSS rules to a set of generated elements -

i want loop , add together several multicolored spans div container. efficiently, alter css, instead of adding new color class element:

var coloren = ["royalblue", "lawngreen", "red", "orange", "yellow", "black", "white", "mediumorchid"]; ( = 0; < coloren.length; i++ ) { var $span = $('<span />').attr('class', 'coloratorsquare'); $span.css({background : coloren[i]}); $("#colorator").append($span); }

generating, example:

<span class="coloratorsquare active" style="background: rgb(65, 105, 225);"></span>

then, when select (click) span, alter color silver show has been selected, , set other sibling spans original colors. here's snippet:

$(this).addclass("active").siblings().removeclass("active");

the problem is, if alter css of span elements ($span.css(...)), doesn't apply css changes on add/remove class. if comment out changing css of span, multiple colors aren't added, active class add/removal of selected/deselected span changes colors expected:

// $span.css({background : coloren[i]});

css:

.active { background-color: silver; color: black; }

i not alter .css of span @ all, don't think makes sense add together classes each span during generation, , have add together css class rules each color replicate .css functionality.

my question: how can add together multiple different css rules (ex: multicolors) randomly generated elements without a) having generate rules manually in css file, , b) altering .css jquery such causes problems adding/removing css class rules.

sorry if unclear.

thanks!

you could utilize !important on silver color have override locally set attributes of elements, technique frowned upon.

my recommendation consider circumstances; if not throwaway code, makes improve sense set classes on elements instead of straight manipulating style attribute. if it's need mockup means slap !important on , move on.

javascript jquery html css css3

Comments

Post a Comment

Popular posts from this blog

c - Compilation of a code: unkown type name string -

c - Compilation of a code: unkown type name string - i have next lines of code compiler says following: "unknown type name 'string'" both in declaration , definition of function. can tell me what's wrong? thanks. #include <stdio.h> #include <stdlib.h> #include <string.h> void frecognizeclient(string *actualclient) there no string type in c. need utilize array so: char array[10]; then can pass in function: void frecognizeclient(char *actualclient); c arrays string compilation
Read more

ubuntu - Bash Script to Check That Files Are Being Created -

ubuntu - Bash Script to Check That Files Are Being Created - we have amazon ec2 instance upload output our security cameras. every , then, cameras have issue, stop uploaded, , need rebooted. easy way determine seeing if files not beingness created. problem creates lots , lots of files. if utilize find -ctime, takes long time script run. there faster way check see if files have been created since yesterday? need capture result, (yes there files, or not there not,) , email message, nice have didn't take half hr run. #!/bin/bash find /vol/security_ftp/west -ctime -1 find /vol/security_ftp/backentrance -ctime -1 find /vol/security_ftp/boardroomdoor -ctime -1 find /vol/security_ftp/mainentrance -ctime -1 find /vol/security_ftp/north -ctime -1 find /vol/security_ftp/south -ctime -1 using find natural solution, if must avoid it, can see newest file in directory using ls , sorting output according ctime, eg. ls /vol/security_ftp/west -clt | head --lines=1 ...
Read more

Php operator `break` doesn't stop while -

Php operator `break` doesn't stop while - have weird issue, break doesn't break while loop , maintain rotating. logically should break cycle , set output while ($c++ != 5) { // here curl request, doesn't relevant have removed preg_match("!<.*?>(\s*)[^<>]*?{$to}<!", $resp, $result) ; // echo 'cnt = ' .count($result).'<br>'; if(!count($result)) { $amount = 0; echo 'sleep called'; sleep(4); exit; continue; } else { $amount = trim(@$result[1]); $amount = round($amount + $amount * $exchange_ratio, $precision); echo 'break happen<br>'; break; } } so output cnt = 2 break happen cnt = 0 sleep called so skipped break , maintain rotating. how so? edit works fine on localhost issue php version? ...
Read more