jQuery multiple selectors but cached in a variable

Question

I'm trying to avoid the following:

var dynS = $('#dyn-style');
var cssA = $('#css-active');

$('#selectors li').click(function(){
    switch($(this).attr('data-id')){
        case 'first-of-type':
            dynS.empty().text('#target p:first-of-type {color: red;}');
            cssA.empty().text('#target p:first-of-type {color: red;}');

Is there any way I could use the cached selector variables and set the text() as the same on both, to avoid this duplication?

Selvakumar Arumugam · Accepted Answer · 2012-05-09 22:28:54Z

3

Try using .add see below,

dynS.add(cssA).empty().text('#target p:first-of-type {color: red;}');

answered May 9, 2012 at 22:28

Selvakumar Arumugam

79.9k15 gold badges123 silver badges139 bronze badges

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

Comments

gen_Eric · Accepted Answer · 2012-05-09 22:28:57Z

1

Use .add

dynS.add(cssA).empty().text('#target p:first-of-type {color: red;}');

answered May 9, 2012 at 22:28

gen_Eric

228k42 gold badges304 silver badges343 bronze badges

1 Comment

Selvakumar Arumugam Over a year ago

oops beat u by 3 secs :P +1 for same answer >.<

Collectives™ on Stack Overflow

jQuery multiple selectors but cached in a variable

2 Answers 2

Comments

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related