DIV结构的JS答案

【问题标题】：JS for DIV structureDIV结构的JS
【发布时间】：2015-01-29 22:04:46
【问题描述】：

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

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

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

【问题讨论】：

【解决方案1】：

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

【讨论】：

【解决方案2】：

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

来调用它们

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

【讨论】：

【解决方案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,
});

参考资料：

【讨论】：