regexp in selector JQuery

Question

I have some sliders on the page. Each slider has uniq id.

<div id="gallery-1"><div>
<div id="gallery-2"><div>
........................
<div id="gallery-10"><div>

And i have some functions (JQuery)

 $('#gallery-1').royalSlider({....})
 $('#gallery-2').royalSlider({....})
...............................................
 $('#gallery-1').royalSlider({....})

If i have 10 slider on the page, i have to copy paste 10 fragmets JQuery code (as i have matched above). I want to use Regexp for $('#gallery-[/\d/]'). Can i create something like this, or mb there is another way?

There are plugins that add that functionality, but that's the wrong way to fix this problem. Instead, you should be using a common class on these elements, then you can easily select them all with 1 selector. At that point, it might make more sense to separate the id attribute from the id value into it's own attribute so you don't have to do string parsing to get the id of the gallery. Even then, if the id's always go 1-n, you don't need to store that on the element as you could use the elements index within it's parent to get it's index.. — user400654
– user400654, Commented Sep 28, 2015 at 15:19
Do you know the IDs? If yes, why not simply concatenate in a loop? $('#gallery-'+i)? Or even store all sliders IDs in an array and loop throught this array? $('#'+arrayID[i]) Or use a common class to the sliders as suggested by Kevin B? — fpierrat
– fpierrat, Commented Sep 28, 2015 at 15:21

BenG · Accepted Answer · 2015-09-28 15:22:08Z

2

try using:-

$('div[id^="gallery-"]')

this will search for all divs with id's starting with gallery-

answered Sep 28, 2015 at 15:22

BenG

15.2k5 gold badges48 silver badges62 bronze badges

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

Comments

Code Different · Accepted Answer · 2015-09-28 15:25:19Z

1

In pure jQuery, you can use this:

$('div[id^=gallery-]').royalSlider({...})

Even though you should really tag those div with some attributes.

answered Sep 28, 2015 at 15:25

Code Different

93.4k16 gold badges154 silver badges175 bronze badges

Collectives™ on Stack Overflow

regexp in selector JQuery

2 Answers 2

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related