jQuery - Comment ajouter des attributs de données HTML 5 dans le DOM

Je suis en train d'ajouter un HTML 5, les données d'attribut dans les DOM. J'ai vu sur le jQuery site le format de données des attributs est:

$('.pane-field-related-pages ul').data("role") === "listview";

Mais cela ne semble pas y ajouter quoi que ce soit dans les DOM?

Comment puis-je ajouter les données ci-dessus-rôle dans la relative ul tag?

source d'informationauteur Adi

  1. 18

    Lire cet article

    De l'article

    jQuery.com - "L' .de données() la méthode
    nous permet de joindre des données de tout type
    pour les éléments DOM, dans un cadre sécuritaire
    à partir des références circulaires et, par conséquent,
    de fuites de mémoire."

    Avec l'introduction de HTML5, nous pouvons
    l'utiliser comme attribut. Pour
    exemple

    <div data-role="page" data-hidden="true" data-options='{"name":"John"}'></div>


//We can call it via:
$("div").data("role") = "page";
$("div").data("hidden") = true;
$("div").data("options").name = "John";

    autre façon

    $("div").data("role", "page");
$("div").data("hidden", "true");
$("div").data("role", {name: "John"});
  2. 4

    Selon la documentation .les données de() en Jquery API, vous devez le configurer:

    $('.pane-field-related-pages ul').data("role", "listview");

    Et ce, pour le vérifier:

    $('.pane-field-related-pages ul').data("role");
  3. 2

    En complément de l'diEcho réponse que vous avez des données 2() en jQuery.

    Le premier est détaillée dans @diEcho réponse, vous appliquez .de données() à jQuery de sélection, c'est une lecture avec un arguiment et un setter avec plus d'un argument.

    La deuxième méthode est jQuery.de données()appliqué directement sur jQuery. Elle prend un argument de plus en première position, l'élément du DOM (si vous avez un jQuery sélection de faire un get(0) vous obtenez l'élément DOM).