Cómo se obtendría un atributo personalizado con Jquery

Question

Tenemos un atributo personalizado en las casillas de verificación en este caso llamado data-ref.

Cómo se obtiene el valor. Esto no funcionó. .

this.attr('data-ref'); 

Cualquier idea,

maravillosas

Answer 1

que está consciente de que tiene una discrepancia entre su atributo personalizado 'fecha-ref' en el texto, y 'data-ref' en su jQuery?

Además, puede que le resulte más fácil trabajar con el objeto jQuery:

$(this).attr('data-ref'); 

JS Fiddle demo.

El problema, de hecho, parece ser que no estuviera utilizando un objeto jQuery:

this.attr('data-ref'); 

Can't work

Por otro lado, para recuperar data-* atributos usando el DOM, usted tiene las opciones de:

this.getAttribute('data-ref'); 

O:

this.dataset.ref; 

O:

this.dataset['ref']; 

Answer 2

$ ("selector") attr ("data-ref"); definitivamente debería funcionar.

Tal vez usted puede publicar su código html

Answer 3

tal vez usted debe utilizar:

$(this).attr('data-ref'); 

pero esto no es muy bonito! use jQuery.data() para almacenar datos en los nodos DOM.

de la tienda:

$('#divid').data('data-ref', 'i am data'); 

Para obtener:

var data = $('#divid').data('data-ref'); 

Answer 4

El attr se dijo anteriormente() es cómo conseguir los atributos personalizados. Sin embargo, también tenga en cuenta que si está utilizando atributos * Data- de HTML5, también puede ahora aprovechar .data de jQuery() para acess que los datos:

http://api.jquery.com/data/

Answer 5

su problema de puesta en práctica puede ser con el uso de este. tal vez debería ser $ (esto) o puede no ser vinculante correctamente. No puedo encontrar ningún problema con eso ..ver http://jsfiddle.net/nvkVy/2/

<a href='api.fatherstorm.com' data-ref='test' data:ref='test' data_ref='test' class='testable'>test me</a> 

<script> 
$(document).ready(function(){ 

    $('.testable').click(function(){ 

     alert('data-ref='+$(this).attr('data-ref')); 
     alert('data:ref='+$(this).attr('data:ref')); 
     alert('data_ref='+$(this).attr('data_ref')); 
     return(false); 
    }); 
}); 
</script>