selektorów jQuery i HTML5 data- * atrybuty ustawione dynamicznie

Question

mam tej pracy:

<div data-people="australian">Australian people eats...</div> 

    <script type="text/javascript"> 
    alert($("[data-people=australian]").html()); 
    </script> 

Ale ten drugi nie działa i nie wiem jak go rozwiązać:

<div id="mich">Australian people eats...</div> 

    <script type="text/javascript"> 
    $("#mich").data("people", "australian"); 

    alert($("[data-people=australian]").html()); 
    </script> 

Dlaczego Nie mogę ustawić atrybutów danych * * HTML5 z jQuery i użyć ich do wybrania obiektu DOM ???

Wiele dzięki

Answer 1

atrybutu danych jQuery() mapowanie jest jednym kierunku data-. Powinieneś użyć funkcji attr(), jeśli chcesz faktycznie ustawić atrybut w węźle.

$("#mich").attr("data-people", "australian"); 

Z docs:

The data- atrybuty są ciągnięte w po raz pierwszy nieruchomość dane są dostępne, a potem już nie są dostępne lub zmutowane (wartości wszystkie dane są przechowywane wewnętrznie w jQuery)