How to group jquery objects to apply css together? [duplicate]

Question

Say I have a function that accepts multiple jQuery objects:

workWithThreeObjs($('.content'), $('h1'), $('input[type=button]'));

I define my function like this:

function workWithThreeObjs(p, h1, buttons) { ... }

Inside this function, I want to apply border to all of them like this

$(p, h1, buttons).css(...);

How do I do that? Right now it only applies to p.

My function code does not control what is passed into it, so I cannot change the selectors used to create the arguments. I must operate only on the jQuery objects provided.

Google has only shown me duplicates which are different so not a duplicates. They talk about grouping selectors not objects. — Muhammad Umer
– Muhammad Umer, Commented Jun 3, 2015 at 18:38
@MuhammadUmer It is a duplicate, I've seen it many times, but "add" is such a common term it's hard to find on SO... — Denys Séguret
– Denys Séguret, Commented Jun 3, 2015 at 18:42
i agree with you @DenysSéguret . i have seen it many times too. — Muhammad Umer
– Muhammad Umer, Commented Jun 3, 2015 at 18:44
I stand corrected; I'm a little surprised by that (though I'm not sure why). — David Thomas
– David Thomas, Commented Jun 3, 2015 at 18:47
Or, possibly an even better option: How to combine two jQuery results — apsillers
– apsillers, Commented Jun 3, 2015 at 18:58

Satpal · Accepted Answer · 2015-06-03 18:46:42Z

10

Assuming that you want to use variables

Use $.fn.add()

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

var p = $('.content'), h1 = $('h1'), buttons = $('input[type=button]'); p.add(h1).add(buttons).css({})

DEMO

edited Jun 3, 2015 at 18:46

answered Jun 3, 2015 at 18:39

Satpal

134k13 gold badges168 silver badges171 bronze badges

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

1 Comment

CupawnTae Over a year ago

not sure why the discussion is continuing elsewhere, this is the answer. At least until someone finds the right duplicate to mark it with

leapin_leprechaun · Accepted Answer · 2015-06-03 18:52:10Z

2

var p = $('.content'), h1 = $('h1'), buttons = $('input[type=button]'); function workAnyNumberofObjects() { for(var i=0; i<arguments.length; i++){ arguments[i].css('border', '1px solid blue') } } workAnyNumberofObjects(p,h1,buttons);

You should be able to use any number of selectors here

edited Jun 3, 2015 at 18:52

answered Jun 3, 2015 at 18:39

leapin_leprechaun

6051 gold badge4 silver badges15 bronze badges

2 Comments

Muhammad Umer Over a year ago

yes but i already have selectors deep in code, and they are specific based on some alogrithim. This example was meant to show what i wanted to do not how my code is.

David Thomas Over a year ago

Then give a better example of what you're doing to show your problem.

Collectives™ on Stack Overflow

How to group jquery objects to apply css together? [duplicate]

2 Answers 2

1 Comment

2 Comments

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

1 Comment

2 Comments

Linked

Related