jQuery Multiple ID selectors

Question

Here's a snippet of the start of my code:

var myUpload = $("#upload_link").upload({bla bla bla

Basically what I'm trying to do is make the same call with a few different ID's...

I would have assumed this would work but it doesn't:

var myUpload = $("#upload_link,#upload_link2,#upload_link3").upload({

Any ideas?

What's the upload plugin you are using? Are you sure it follows the recommended plugin development pattern? — bfavaretto, Aug 16 '11 at 13:36
It should work, must be something with the `upload` function. http://jsfiddle.net/X7TAX/ — Kokos, Aug 16 '11 at 13:37

score 291 · Accepted Answer · answered Aug 16 '11 at 13:36

291

Try this:

$("#upload_link,#upload_link2,#upload_link3").each(function(){
    $(this).upload({
        //whateveryouwant
    });
});

answered Aug 16 '11 at 13:36

3

This answer will definitely work but ideally any plugin logic should apply to all the matched elements. – ShankarSangoli Aug 16 '11 at 14:12
Is there any way to select like this $('#upload_*') ? – Hamid Shoja Apr 06 '21 at 12:44
@HamidShoja $("*[id^='upload_']") should create an array with all elements starting with 'upload_' – Thomas Scheffer Feb 23 '22 at 09:30

score 44 · Answer 2 · answered Aug 16 '11 at 13:35

44

If you give each of these instances a class you can use

$('.yourClass').upload()

answered Aug 16 '11 at 13:35

tonycoupland

4,127
1
28
27

score 36 · Answer 3 · answered Aug 16 '11 at 13:38

You can use multiple id's the way you wrote:

$('#upload_link, #upload_link2, #upload_link3')

However, that doesn't mean that those ids exist within the DOM when you've executed your code. It also doesn't mean that upload is a legitimate function. It also doesn't mean that upload has been built in a way that allows for multiple elements in a selection.

upload is a custom jQuery plugin, so you'll have to show what's going on with upload for us to be able to help you.

ShankarSangoli · Answer 4 · 2011-08-16T13:54:02.253

15

Make sure upload plugin implements this.each in it so that it will execute the logic for all the matching elements. It should ideally work

$("#upload_link,#upload_link2,#upload_link3").upload(function(){ });

edited Aug 16 '11 at 13:54

answered Aug 16 '11 at 13:38

ShankarSangoli

69,612
13
93
124

score 6 · Answer 5 · answered Feb 23 '22 at 09:36

If all your elements starting with upload_ in its id have the same purpose or syntax you could try and use the following:

$("*[id^='upload_']").each(function() {
    $(this).upload()
});

This way you don't have to specify every single element in the selector.

score 5 · Answer 6 · answered Aug 16 '11 at 13:37

it should. Typically that's how you do multiple selectors. Otherwise it may not like you trying to assign the return values of three uploads to the same var.

I would suggest using .each or maybe push the returns to an array rather than assigning them to that value.

score 1 · Answer 7 · answered Aug 16 '11 at 13:37

1

That should work, you may need a space after the commas.

Also, the function you call afterwards must support an array of objects, and not just a singleton object.

answered Aug 16 '11 at 13:37

Jeremy Holovacs

22,480
33
117
254

jQuery Multiple ID selectors

7 Answers7

Linked

Related