javascript - 编写一个函数来获取所有具有数据属性的元素

Question

我正在尝试构建自己的 jQuery 函数以供稍后个人使用，但我是构建这些插件的新手，所以我开始学习然后应用我想做的事情，但我遇到了问题..我要构建的是一个 jQuery 函数，它获取所有具有属性 data-x 的元素(目前为 inputs)，然后在其上应用另一个 jQuery 方法，例如 addClass('类')所以我想用我的函数 getElems(' x','test').addClass('class');

这是我写的(fiddle)

(function ($){
$.fn.getElems = function( key, value ) {
        var elems = [];
        for (var x = 0; x < this.length; x++) {
            if($(this[x]).data(key) === value) {
                elems.push(this[x]);
            }
        }
        return elems;
    };
}(jQuery));

当我尝试添加类时出现错误。undefined is not a function。

Answer 1

这可能是因为您在数组上调用 jQuery 方法。您可以使用 filter 方法，并返回过滤后的集合:

$.fn.getElems = function (key, value) {
    return this.filter(function () {
        return $(this).data(key) === value;
    });
}