javascript - DIV结构的JS

Question

我正在使用以下代码为提到的 DIV #lightGallery 调用 JS 函数

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

我需要修改 JS 代码来为任何 #DIV+num 调用函数，例如 #lightGallery1、#lightGallery2、...等

score 2 · Accepted Answer

2

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

于 2015-01-29T22:07:01.923 回答

score 1 · Accepted Answer

而不是这个，我会简单地给元素一个类名并用

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

score 0 · Accepted Answer

在最简单的情况下，使用 attribute-starts-with 选择器id：

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

如果您需要过滤掉其他id以开头lightGallery但后跟非数字字符的元素，您也可以使用filter()：

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

参考：

3 回答 3