将开关应用于具有给定类的所有元素

Question

我正在尝试用classname="demo-sw"对文档中的所有元素应用转换。

我可以按类名将其应用于一个元素。像这样：

<input id="demo1" class="switchery switchery-primary" type="checkbox" data-switchery="true">
new Switchery(document.document.getElementById('demo1'), {color:'#489eed'});

如何将其应用于具有类名demo-sw的所有元素。

我试过：

$('.demo-sw').each(function(i, obj) {
    new Switchery($(this), {color:'#489eed'})
});

和

$('.demo-sw').each(function(i, obj) {
    new Switchery(i, {color:'#489eed'})
});

但这是行不通的。

Answer 1

在文档中，您可以使用querySelectorAll向插件提供DOMElements列表：

var elems = document.querySelectorAll('.demo-sw');
var init = new Switchery(elems, { color:'#489eed' });

如果您希望为此使用jQuery，那么需要单独遍历所选的元素，并在它们上实例化插件：

$('.demo-sw').each(function() {
    new Switchery(this, { color:'#489eed' })
});

其中，前者是较好的做法。