JS for DIV结构

Question

我使用以下代码为所提到的DIV #lightGallery

调用JS函数

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

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

Answer 1

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

Answer 2

而不是这个，我只是给元素一个类名，并用

调用它们

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

Answer 3

最简单的方法是使用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()。