javascript - 如何选择 dom(使用 jQuery)上具有某些以 "created"结尾的数据属性的元素？

Question

我在一个项目中拥有所有元素，这些元素都通过数据属性进行传输，以便 javascript 知道要做什么。

但是我有一个问题，应用程序的一部分必须获取所有创建的变量来比较时间，并且我将它们保存为 (data-product-created, data-category -创建、创建数据链接等...)。如果我必须手动将它们放在 jQuery 选择器上，那将是一件非常头疼的事情......

jQuery是否有某种方法来搜索自定义数据属性是否存在？

喜欢:元素[数据-(.*)-创建]

Answer 1

您可以创建一个低级 Javascript 方法来循环元素并提取其创建的值:

var getCreateds = function($els) {
    var returnSet = [];
    $els.each(function(i, el){
        var elDict = {'el': el};
        $.each(el.attributes, function(i, attr){
            var m = attr.name.match(/data\-(.*?)\-created/);
            if (m) elDict[m[1]] = attr.value;
        });
        returnSet.push(elDict);
    });
    return returnSet;
};

See demo