javascript – 如何使用jquery查找包含与前缀匹配的data- *属性的元素

我想创建一个选择器来查找以字符串开始的属性的元素.在这一点上,我假设这个选择器不存在.

by James Padolsey

我需要表达类似于属性前缀选择器[name | =“value”]的内容,但是不需要匹配“value”,我需要匹配属性的名称,而不是属性的值.

<tag data-plugin-option1 =“val1”data-plugin-option2 =“val2”/>

我想最终得到一个这样的语法：

$(‘tag(：attr | =“data-plugin”)’),它应该找到元素标签,因为它至少有一个以数据插件开头的元素

嗯,我想我正在读你的问题.

我阅读它的方式,你想创建一个自定义选择器,选择具有给定属性名称的元素(或该名称的开头).

如果是这样,我想你需要迭代每个元素的属性集合.

演示： http://jsfiddle.net/GgmM7/

$.extend($.expr[':'],{
    attrNameStart: function(el,i,props) {

        var hasAttribute = false;

        $.each( el.attributes, function(i,attr) {
            if( attr.name.indexOf( props[3] ) !== -1 ) {
                hasAttribute = true;
                return false;  // to halt the iteration
            }
        });

        return hasAttribute;
    }
});

$('img:attrNameStart(data-plugin)')