JQuery хранения свойств в элементах?

Question

У меня есть элемент выбора.

Этот элемент зацикливается с помощью jquery,

любые параметры, которые :selected добавляются в один список (список)

любые параметры, которые :not(':selected') добавляются к другому (listb)

, эти списки следуют структуре

<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>

Теперь мой вопрос:
Я хотел бы при нажатии наdiv с классом button замените его на selected или не selected в исходном выборе.

Но я не уверен, что лучше всего хранить value оригинального option,

Answer 1

Взгляните на jQuery.data().Это механизм для хранения произвольных данных, связанных с элементом DOM.

jQuery.data (элемент, ключ, значение)

The jQuery.data () позволяет нам прикреплять данные любого типа к элементам DOM способом, который защищен от циклических ссылок, и поэтому от утечек памяти

вы можете использовать ярлык элемента:

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