Il nome dell'attributo jQuery contiene

Question

Sto provando a scegliere come target nomi di attributi che contengono una determinata parola & non nel modo in cui stai pensando.

Diciamo che ho:

<div data-foo-bar="hello"></div> 

Come posso indirizzare gli elementi che hanno 'data-foo' nel nome dell'attributo?

Answer 1

Non credo che è possibile indirizzare i nomi degli attributi allo stesso modo come bersaglio i valori degli attributi. È possibile, tuttavia, utilizzare .filter() per fare questo un po 'in modo efficiente:

$('div').filter(function() { 
    for (var property in $(this).data()) { 
    if (property.indexOf('fooBar') == 0) { 
     return true; 
    } 
    } 

    return false; 
});​ 

noti che data-foo-bar è stato convertito a fooBar.

Demo: http://jsfiddle.net/Tyj49/3/

Answer 2

provare qualcosa di simile

var element = $('div[data-foo-bar=hello]')​; 

Answer 3

io non sono sicuro che si può fare. Ho dato un'occhiata all'API e sembra che tu sia in grado di eseguire una corrispondenza parziale più profonda sul valore, non sul nome dell'attributo stesso.

Ho intenzione di darti il ​​consiglio potenzialmente frustrante di "non farlo". ;-) In sostanza, quello che cerchi è un gruppo di div che corrisponde a una categoria più generale. Non solo data-foo-bar s, ma TUTTI i data-foo s! Perché non dare a tutti i dati-foos un nome di classe da cui è possibile selezionare o un attributo separato come data-foo="true"?

In altre parole, piuttosto che attenersi rigorosamente alla domanda come richiesta, sarei curioso di sapere qual è il caso d'uso in modo che forse una mossa laterale nel pensare possa risolvere il problema altrettanto efficacemente. Molti modi per pelle un gatto e tutto il resto.

Answer 4

Prova questa

$().ready(function() { 
    var test=$('#div_test').data("foo-bar"); 
    alert(test); 
}); 

HTML:

<div data-foo-bar="hello" id="div_test"></div> 

Answer 5

Questa è solo una soluzione alternativa. Se è possibile garantire il nome dell'attributo che stai cercando non è presente nel testo elemento, quello che si potrebbe fare è ottenere il valore outerHTML dell'elemento e poi fare una ricerca stringa:

$("elementsToCheck").each(function() { 
    var elemHtml = $('<div>').append($(this).clone()).html(); //clone to get the outerHTML 
    if (elemHtml.indexOf("attributeName") >= 0) { 
     // current element contains the attribute with name "attributeName" 
    } 
}); 

Speranza questo aiuta.

Answer 6

Utilizzare .data() per ottenere tutti gli attributi dei dati di un elemento e quindi utilizzare .filter per ottenere gli elementi che hanno gli attributi data-validation*.

var validated_elements = $("p").filter(function() { 
    var found = false; 
    $.each($(this).data(function(key) { 
     if (key.match(/^data-validation/)) { 
      found = true; 
      return false; 
     } 
    } 
    return found; 
});