С jQuery обновите значение атрибута элемента данных

Question

Как мне обновить значение атрибута элемента данных?

Это мой HTML:

<a href="" data-action="add-to-cart">Add</a>

Это мой JS:

$('a[data-action="add-to-cart"], a[data-action="remove-from-cart"]').click(function(e) {
    e.preventDefault();

    if($(this).data('action') == 'add-to-cart') {
        $(this).data('action', 'remove-from-cart');
    }

    else {
        $(this).data('action', 'add-to-cart');
    }
});

Спасибо.

Answer 1

Итак, я прочитал о SO, и нашел решение, которое работает для моего случая: { ссылка }

$('a[data-action="add-to-cart"], a[data-action="remove-from-cart"]').click(function(e) {
    e.preventDefault();

    if($(this).data('action') == 'add-to-cart') {
        $(this).attr('data-action', 'remove-from-cart');
        $(this).data('action', 'remove-from-cart');
    }

    else {
        $(this).attr('data-action', 'add-to-cart');
        $(this).data('action', 'add-to-cart');
    }
});

Я добавляю для использования attr и data.

Answer 2

Как установить любой атрибут в jquery:

$(this).attr('data-action', 'add-to-cart');