jQuery Selektoren und HTML5 Daten- * Attribute gesetzt dynamisch

Question

Ich habe diese Arbeit:

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

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

Aber das andere funktioniert nicht und ich weiß nicht, wie zu lösen:

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

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

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

Warum Ich kann die data- * HTML5-Attribute nicht von jQuery aus setzen und damit ein DOM-Objekt auswählen ???

Lot Dank

Answer 1

Die data- Attribut jQuery data() ist eine Mapping-Richtung. Sie sollten die Funktion attr() verwenden, wenn Sie das Attribut tatsächlich auf dem Knoten setzen möchten.

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

Vom docs:

Die Daten- Attribute werden in dem ersten Mal, wenn die Daten-Eigenschaft gezogen wird zugegriffen, und dann werden nicht mehr zugegriffen werden oder mutiert (alle Datenwerte werden dann intern in jQuery gespeichert)