Comment ajouter un attribut HTML avec jQuery

Bien, j'ai cette jQuery image slideshow qui utilise l'attribut "contrôle" à l'intérieur d'un <a>. En voyant comment il n'a pas de valider j'ai cherché un moyen pour ajouter cet attribut à l'intérieur de mon HMTL via jQuery mais je n'ai pas vraiment trouver quelque chose de pertinent. Maintenant, je ne me soucie pas vraiment sur la façon valide ma page, mais je suis vraiment curieux de savoir comment ajouter un attribut HTML à l'intérieur d'une balise HTML.

Dans le cas où je n'étais pas assez claire avec mon explication, j'ai ce code:

<a id="previous" control="-6" href="#"></a>

Et je tiens à ajouter de contrôle="-6" avec jQuery.

source d'informationauteur Victor Ionescu

  1. 13

    Depuis la version jQuery a été bien couvert ici, je pensais offrir quelque chose de différentalors voici une native API DOM alternative:

    document.getElementById('previous').setAttribute('control','-6');

    Oui, je sais que vous avez demandé pour jQuery. Ne fait jamais de mal de connaître le natif de trop. :o)

  2. 25

    Utilisation de jQuery attr fonction

    $("#previous").attr("control", "-6");

    Un exemple

    //Try to retrieve the control attribute
//returns undefined because the attribute doesn't exists
$("#previous").attr("control");

//Set the control attribute
$("#previous").attr("control", "-6");

//Retrieve the control attribute (-6)
$("#previous").attr("control");

    Voir ce exemple sur jsFiddle

    Alternativement, vous pouvez utiliser fonction de stocker des valeurs sur les éléments. Fonctionne de la même manière, par exemple:

    $("#previous").data("control"); //undefined
$("#previous").data("control", "-6"); //set the element data
$("#previous").data("control"); //retrieve -6

    À l'aide de data vous pouvez stocker plus de valeurs complexes comme des objets

    $("#previos").data("control", { value: -6 });
($("#previos").data("control")).value; //-6

    Voir un exemple de données sur jsFiddle

  3. 2

    Permettez-moi de voir si je vous ai compris.
    Vous avez, par exemple, le code:

    <a id="previous" href="#"></a>

    Et par jQuery vous voulez qu'il soit:

    <a id="previous" control="-6" href="#"></a>

    Est-il juste?
    Si il est. Vous avez juste à faire:

    $('#previous').attr('control', -6);

    Si un attribut n'existe pas il est créé par jQuery.
    Donc, pour supprimer, vous pouvez le faire:

    $('#previous').removeAttr('control');

    Ce que vous êtes en train de faire ne respecte pas les règles html et tout le reste, mais il fonctionne très bien, beaucoup de plugins en faire de même. ;D

    J'espère que cela pourrait être utile!

    Vous voir!

  4. 1

    Essayez ceci:

    $('#previous').attr('control', '-6');

    Pourquoi? le $.attr(); fonction de jQuery permet d'ajouter, d'obtenir ou mettre à jour des attributs (class, id, href, lien, src, de contrôle et de tout le reste!).

  5. 1
    $("#previous").attr("control", "-6");
  6. 1

    HTML:

    <a id="previous" href="#">...</a>

    jQuery:

    $('#previous').attr('control', '-6');
  7. 1

    de jQuery attr va le faire. Exemple:

    $("#previous").attr("control", "-6");

    Aussi consulter cet exemple à http://jsfiddle.net/grfSN/.