El nombre del atributo jQuery contiene

Question

Estoy tratando de apuntar a los nombres de los atributos que contienen una palabra determinada & que no está en el tipo de manera que estás pensando.

Digamos que tengo:

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

¿Cómo se orienta elementos que tienen 'data-foo' en el nombre del atributo?

Answer 1

No creo que usted puede apuntar nombres de los atributos de la misma manera a apuntar los valores de atributo. Puede, sin embargo, utilizar .filter() para hacer esto un poco eficiente:

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

    return false; 
});​ 

en cuenta que data-foo-bar ha sido convertido en fooBar.

Demostración: http://jsfiddle.net/Tyj49/3/

Answer 2

intentar algo como esto

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

Answer 3

no estoy seguro de que puede hacer eso. He echado un vistazo a la API y parece que solo puedes realizar una coincidencia parcial más profunda en el valor, no el nombre del atributo en sí.

Voy a darles el consejo potencialmente frustrante de "no hagas esto". ;-) En esencia, lo que buscas es un montón de divs que coincidan con una categoría más general. No solo data-foo-bar s, sino TODOS data-foo s! ¿Por qué no simplemente le das a todos los datos-foos un nombre de clase que puedes seleccionar, o un atributo separado como data-foo="true"?

En otras palabras, en lugar de apegarme estrictamente a la pregunta formulada, me gustaría saber cuál es el caso de uso para que tal vez un movimiento lateral en el pensamiento pueda resolver su problema con la misma eficacia. Muchas formas de despellejar a un gato y todo eso.

Answer 4

probar este

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

HTML:

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

Answer 5

Esto es sólo una solución alternativa. Si puede asegurarse el nombre del atributo que está buscando no está presente en el texto elemento, lo que podría hacer es conseguir que el valor outerHTML del elemento y luego hacer una búsqueda de subcadena:

$("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" 
    } 
}); 

Esperanza esto ayuda.

Answer 6

Utilice .data() para obtener todos los atributos de datos de un elemento y luego use .filter para obtener los elementos que tienen atributos 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; 
});