¿Cómo puedo encontrar elementos que contengan un atributo data- * que coincida con un prefijo usando jquery

Question

? Quiero crear un selector para buscar elementos que tengan atributos que comiencen con una cadena. En este punto, supongo que este selector no existe. ¿Debo extender las capacidades del selector? Extending jQuery’s selector capabilities por James Padolsey

Necesito expresar algo como el atributo Contiene selector de prefijo [name | = "value"], pero en lugar de coincidir con "valor", necesito hacer coincidir el nombre del atributo, y no valor del atributo.

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

Me gustaría terminar con una sintaxis como esta: $('tag(:attr|="data-plugin")') que debe encontrar el elemento tag porque tiene al menos un elemento que comienza con data-plugin

Answer 1

Bueno, supongo que me Estoy leyendo tu pregunta de manera diferente.

De la forma en que lo leí, desea crear un selector personalizado que seleccione los elementos que tienen un nombre de atributo determinado (o el inicio de ese nombre).

Si es así, creo que necesitaría iterar de la colección attributes para cada elemento.

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