use variable inside a jquery selector with not()

Question

I have a div (id =container) that is containing other divs (many classes) I am able to use the container as a string "AAAA" but can't do the same effect with a variable mystring

<div id="container">
<div class="AAAA">AAAA content</div>
<div class="AAAA">AAAA content</div>
<div class="BBBB">BBBB content</div>
<div class="CCCC">CCCC content</div>
<div class="DDDD">DDDD content</div>
<div class="AAAA">AAAA content</div>
</div>


<script>
var myclass = "#container>div:not("+".AAAA"+")"; // works
$(myclass).css("background-color", "red"); //works fine
//var mystring = "AAAA";
//var myclass = "\"#container>div:not(."+mystring+")\"";
//$(myclass).css("background-color", "red"); // doesn't work
</script>

Denys Séguret · Accepted Answer · 2012-11-19 19:37:02Z

5

Remove the escaped quotes :

var myclass = "#container>div:not(."+mystring+")";

answered Nov 19, 2012 at 19:37

Denys Séguret

384k90 gold badges813 silver badges780 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

Denys Séguret Over a year ago

I think you badly tried : this would make the following line exactly the same than the one that worked.

Tats_innit · Accepted Answer · 2012-11-19 19:39:53Z

1

Working demo http://jsfiddle.net/xWWcZ/

Reason: you don't need to escape \# hash.

Hope rest fits the cause.

Code

//var myclass = "#container>div:not("+".AAAA"+")"; // works
//$(myclass).css("background-color", "red"); //works fine
var mystring = "AAAA";
var myclass = "#container>div:not(."+mystring+")";
$(myclass).css("background-color", "red"); // work now

answered Nov 19, 2012 at 19:39

Tats_innit

34.1k10 gold badges74 silver badges77 bronze badges

1 Comment

Nassim Over a year ago

thanks guys, I really went over this again and again, I did that before but did not refresh Firefox and thought it was something with my code. now that I saw that i works under jsfiddle.net I was sure the problem was as easy as pressing f5. thanks again

Collectives™ on Stack Overflow

use variable inside a jquery selector with not()

2 Answers 2

1 Comment

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

1 Comment

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related