JS for DIV structure

Question

I am using the following code to call JS function for mentioned DIV #lightGallery

 $("#lightGallery").lightGallery({
    thumbnail: false,
});

I need modifing JS code to make function be called for any #DIV+num like #lightGallery1, #lightGallery2,...etc

And so what have you tried so far? – dg99 Jan 29 '15 at 22:09 — dg99, Jan 29 '15 at 22:09

score 2 · Answer 1 · answered Jan 29 '15 at 22:07

2

$('[id^="lightGallery"]').lightGallery({
    thumbnail: false,
});

answered Jan 29 '15 at 22:07

Tomanow

Even though OP is wanting to get the elements this way I really think he should be getting them by class rather than Id. – mattfetz Jan 29 '15 at 22:08
Yes, that is usually better. – Tomanow Jan 29 '15 at 22:09

score 1 · Answer 2 · answered Jan 29 '15 at 22:07

1

Instead of this, I would simply give the elements a class Name and call all of them with

$('.lightGallery').lightGallery({
    thumbnail: false,
});

answered Jan 29 '15 at 22:07

baao

This is a better way to do this. You grab by Id when you just want 1 element, you grab by class when you want multiple elements. – mattfetz Jan 29 '15 at 22:10

score 0 · Accepted Answer · answered Jan 29 '15 at 22:07

At its simplest, use attribute-starts-with selector for the id:

$("[id^=lightGallery]").lightGallery({
    thumbnail: false,
});

If you need to filter out other elements whose id begins with lightGallery, but follow with non-numeric characters, you can also use filter():

$("[id^=lightGallery]").filter(function(){
    return /^lightGallery\d+/.test(this.id);
}).lightGallery({
    thumbnail: false,
});

References:

3 Answers3