Avoid duplicate code in jQuery

Question

Is there any way to remove this duplicate code?

ldbShow.css({
    'left': 'auto',
    'top': 'auto'
})
ldbForum.css({
    'left': 'auto',
    'top': 'auto'
})

I was thinking about something like this:

(ldbForum, ldbShow).css({
    'left': 'auto',
    'top': 'auto'
})

DanielS · Accepted Answer · 2016-02-16 13:08:28Z

1

You can declare a style as an object and reuse it.

var css = { 'left': 'auto', 'top': 'auto' };
ldbShow.css(css);
ldbForum.css(css);

answered Feb 16, 2016 at 13:08

DanielS

7746 silver badges14 bronze badges

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

Comments

Satpal · Accepted Answer · 2016-02-16 13:09:20Z

0

You can use .add() method

Create a new jQuery object with elements added to the set of matched elements.

ldbForum.add(ldbShow).css({
'left': 'auto',
'top': 'auto'
})

answered Feb 16, 2016 at 13:09

Satpal

134k13 gold badges168 silver badges171 bronze badges

Rory McCrossan · Accepted Answer · 2016-02-16 13:09:04Z

0

You can use the add() method to join two or more jQuery objects together:

ldbShow.add(ldbForum).css({
    'left': 'auto',
    'top': 'auto'
});

Note that a better solution all together would be to use a common class on all the elements and then select them in a single jQuery object.

answered Feb 16, 2016 at 13:09

Rory McCrossan

338k41 gold badges321 silver badges353 bronze badges

Jai · Accepted Answer · 2016-02-16 13:09:17Z

0

use .add() method:

ldbShow.add(ldbForum).css({
    'left': 'auto',
    'top': 'auto'
})

answered Feb 16, 2016 at 13:09

Jai

74.8k12 gold badges77 silver badges104 bronze badges