jquery stocker des propriétés dans des éléments?

Question

J'ai un élément de sélection.

Cet élément est mis en boucle sur l'utilisation jquery,

toutes les options qui sont :selected sont ajoutés à une liste (lista)

toutes les options qui sont :not(':selected') sont ajoutés à un autre (listeB)

ces listes suivent la structure de

<div id="lista"> 
    <div>1st selected option text <div class="button"></div></div> 
    <div>2nd selected option text <div class="button"></div></div> 
</div> 

<div id="listb"> 
    <div>1st non selected option text <div class="button"></div></div> 
    <div>2nd non selected option text <div class="button"></div></div> 
</div> 

maintenant, ma question est:
Je voudrais en cliquant sur la div avec la classe button le changer soit selected ou pas selected dans la sélection d'origine.

Mais je ne suis pas sûr du meilleur endroit pour stocker le value de l'original option.

Answer 1

Jetez un oeil à jQuery.data(). C'est un mécanisme pour stocker des données arbitraires associées à un élément DOM.

jQuery.data (élément, clé, valeur)

La méthode jQuery.data() nous permet de joindre des données de tout type d'éléments DOM d'une manière qui est à l'abri des références circulaires et donc de fuites de mémoire

vous pouvez utiliser le raccourci élément:

$("#listb").data("key", "value");