html5 - JavaScript - how to delete elements that do not have a specific class? -


i want delete elements not have class 'stay'
for example:

<div class="stay">stay</div>  <div class="stay">stay</div>  <div class="go">go</div>  <div class="element">stay</div>  <div class="sel">classy</div>

i javascript delete elements not have class stay , sel, without having list classes go , element
i have used:

var els = document.queryselectorall('#parent :not(.stay)'); (var = 0; < els.length; i++) { els[i].parentnode.removechild(els[i]) }

from first answer, unsure of how keep class 'sel'.

also, not want jquery.

when doing such operation should need target particular parent element, else remove elements html/body etc.

so assuming have parent node, can use queryselectorall in conjunction :not() selector

<div id="parent">     <div class="stay">stay</div>     <div class="stay">stay</div>     <div class="go">go</div>     <div class="element">element</div> </div>

then

var els = document.queryselectorall('#parent :not(.stay)'); (var = 0; < els.length; i++) {     els[i].parentnode.removechild(els[i]) }

demo: fiddle


Comments

Post a Comment

Popular posts from this blog

python - Installing PyDev in eclipse is failed -

unable read repository @ http://pydev.sf.net/updates/content.xml. sun.security.validator.validatorexception: pkix path building failed: sun.security.provider.certpath.suncertpathbuilderexception: unable find valid certification path requested target i installing pydev in eclipse using python, doesn't install successfully. gives above error. happened? how solve error? i had error when trying install on laptop behind corporate firewall. couldn't tell setup of firewall, not sure of root cause. i got passed error installing pydev eclipse when out behind firewall. another way got around have eclipse on non-firewalled machine, install pydev eclipse, , copy whole eclipse directory non-firewalled machine firewalled machine. there better way, , way fix properly, didn't have time work out firewall doing. this on windows 7 machine (yeah know) not work *nix versions installed through package manager yum or apt.
Read more

PHP OOP-based login system -

lets building oop-based user authentication system, , incorporate following principles: direct injection, inheritance, encapsulation, polymorphism , single responsibility principle. my background in programming has relied on procedural programming, , thus, finding difficult put these practices correct use. assume have these classes: class config { public function set($key, $value); public function get($key, $default = null); } class user { public function __construct(pdo $dbh, $id = null); public function setprofile(profile $profile); } class auth { public function __construct(config $config); public function login($username, $password, $keeploggedin = true); public function isloggedin(); public function getloggedinuser(); public function logout(); public function register(array $data); } class session { public function start($sessionname = null); public function write($key, $value); public function read($key, $default =...
Read more

c# - Nested Internal Class with Readonly Hashtable throws Null ref exception.. on assignment -

in internal game class , have both a) defined nested internal gamertags class , b) defined gamertags[] _array variable. in internal gamertags class (the nested class, simplicity left out) have readonly hashtable . after initialization, still null ref exception when try assign value. i'm not changing pointer value only , need add initialization hastable? internal class gamertags { private readonly hashtable _privatereadonlyhashtable; private string _json; private string _hash; internal idictionary privatereadonlyhashtable { { return this._privatereadonlyhashtable; } } internal string hash { { this.ensurehash(); return this._hash; } } internal object this[string key] { { return this._privatereadonlyhashtable[k...
Read more