javascript - 用于DIV结构的JS

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

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

我需要修改JS代码以使函数可以针对任何＃DIV + num调用，例如＃lightGallery1，＃lightGallery2等。

最佳答案

最简单的方法是对id使用attribute-starts-with选择器：

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

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

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

参考文献：


CSS：

Attribute-starts-with ([attribute^=value]) selector。

JavaScript：

JavaScript Regular Expressions。
RegExp.prototype.test()。

jQuery的：

filter()。