La obtención de datos el valor del atributo en td

Estoy agregando el atributo data td algo como esto :

   <td style="text-align:center;padding: 3px 0;data-id:2;data-env:PL1;"><img  src="/VendorFeedDevUI/Content/green.png" style="width:25px" alt="Green"><div>21 Dec 14<br>23:55:00</div></td>

Cuando quiero recuperar el mismo atributo en Jquery yo estoy usando el siguiente código :

  $(".gradienttable tr td").click(function () {
        showRefreshControl();
        var id = $(this).attr('data-id');
        var env = $(this).data('env')
       });

Estoy tratando de usar de las dos maneras para obtener los datos de atributos, pero ambos están regresando indefinido.
También estoy recibiendo td objeto de $(this) así que no es un problema.
Entonces, ¿qué estoy haciendo mal ?

Eso no es un data atributo en el código HTML, es una propiedad CSS que no existe.
no es «data-id’ y ‘datos-env’
No, son las propiedades CSS como se escribe, por cierto, inválidas

OriginalEl autor Sushil | 2014-12-22

4 Kommentare

  1. 4

    Se están utilizando de la manera equivocada:

     <td style="text-align:center;padding: 3px 0;" data-id="2" data-env="PL1">...</td>

    De agregar los datos de los atributos de su estilo, usted tiene que colocar fuera el atributo de estilo.

    ok…déjame intentar

    OriginalEl autor Mivaweb

  2. 1
       <td style="text-align:center;padding: 3px 0;" data-id="2" data-env="PL1"><!-- ... --></td>

    Que es la manera de definir los atributos, no dentro de su estilo.

    A continuación, puede elegir como usted ha hecho aquí:

      $(".gradienttable tr td").click(function () {
            showRefreshControl();
            var id = $(this).attr('data-id');

    OriginalEl autor bambam

  3. 1

    Que no es un data atributo en el código HTML, es una propiedad CSS que no existe. Cambiar el código HTML para utilizar los atributos correctos, a continuación, el código debería funcionar:

    <td style="text-align: center; padding: 3px 0;" data-id="2" data-env="PL1">
       <img src="/VendorFeedDevUI/Content/green.png" style="width:25px" alt="Green" />
       <div>21 Dec 14<br>23:55:00</div>
    </td>

    OriginalEl autor Rory McCrossan

  4. 0
    <td style="text-align:center;padding: 3px 0;" data-id = "2" data-env = "PL1">

    OriginalEl autor kapantzak

Kommentieren Sie den Artikel

Bitte geben Sie Ihren Kommentar ein!
Bitte geben Sie hier Ihren Namen ein

Pruebas en línea