关闭pixelate js问题

Question

我正在使用David Desandro的js插件关闭Pixelate以便在网站上对缩略图进行像素化处理。

   function init() {
        document.getElementById('work-thumb-1').closePixelate([
            { resolution: 10 }
    ]);
    };
    window.addEventListener( 'load', init, false); 

我需要定位多个具有相同名称的选择器，因此getElementById方法不合适？

Answer 1

如果您使用的是库，那么应该更简单，但您也可以只使用javascript，

纯Javascript

function init() {
    var elems = document.getElementsByName('nameofelements');
    for (var i = 0; i < elems.length; i++) {
        elems[i].closePixelate([
            {resolution: 10}
        ]);
    }
};
window.addEventListener('load', init, false);

的jQuery

function init() {
    $('[name="nameofelements"]').each(function() {
        $(this).closePixelate([
            {resolution: 10}
        ]);
    });

};
window.addEventListener('load', init, false);