how do I find elements that contain a data-* attribute matching a prefix using jquery

Question

I\'m want to create a selector to find elements which have attributes starting with a string. At this point, I\'m assuming this selector does not exist. Do I need to extend

Answer 1

Well, I guess I'm reading your question differently.

The way I read it, you want to create a custom selector that selects elements that have a given attribute name (or the start of that name).

If so, I think you'd need to iterate of the attributes collection for each element.

DEMO: 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)')