Как я могу изменить значение значка данных с помощью jQuery?

Question

У меня в блоге есть кнопка ajax "загрузить больше / показать меньше". Текст кнопки по умолчанию - "Другие сообщения" со стрелкой вниз.

Кнопка "Еще сообщения"

При нажатии кнопки текст меняется на "Меньше сообщений", но я не могу понять, как изменить значок на значок вверх.

Кнопка "Меньше сообщений"

В приведенном ниже коде мне нужно изменить значение data-icon= "7" на data-icon= "6".

<a class="et_pb_button et_pb_custom_button_icon el-pagination-button el-button el-show-less" href="https://wbj1.flywheelsites.com/blog/?el_dbe_page" data-icon="7">Less Posts</a>

Я безуспешно пробовал этот фрагмент jQuery, но я не очень разбираюсь в javascript или jQuery, поэтому это могло быть неправильно:

document.getElementByClassName("el-show-less").setAttribute("data-icon"), "6");

Answer 1

Если вы хотите изменить значение data-icon используя чистый Javascript, вы можете справиться с этим следующим образом

let element = document.querySelector('.el-show-less');
element.dataset.icon = 7;

Используя jQuery, вы можете сделать это так

let element = $('.el-show-less');
element.data('icon', 4);