Как получить значение динамического атрибута?

Question

[Дима Паутов]

Добрый день. Мучаюсь мучаюсь, не могу решить с виду простую задачу.

Есть кнопка добавить в корзину, у неё есть атрибуты data-id и data-color, которые передаются через ajax. Оба хранят числовые значения. По умолчанию хранятся дефолтные значения цвета и id. При выборе определённого цвета у товара, я меняю значение атрибута data-id и data-color. Но вот уже при последующих нажатиях на кнопку
добавить в корзину, атрибуты меняются, но значение получаю старое.

Помогите решить задачу! Вот пример

Answer 1

[Михаил]

ставьте и вытаскивайте аттрибуты одинаково. Либо всё через data(), либо всё через attr()
пример

Answer 2

[Arman]

Там нюансы какие-то были с data не помню точно какие, но можно также через attr и забрать, как и ставите
https://jsfiddle.net/czdrL1cL/2/