У меня есть 2 одинаковых элемента кнопки, у каждого из которых есть шрифт. Когда пользователь нажимает на значок, мне нужно получить доступ к атрибутам данных кнопок, чтобы изменить, а также добавить новый атрибут данных. Мне также нужно добавить класс к кнопке нажатой иконки.
Я использую jquery 3.4.1
Я пытался использовать addClass, но это не добавляет класс для меня. Я также попытался изменить и добавить атрибуты данных кнопки безуспешно.
function do_something() {
//this works
$(this).closest('button').hide();
var d = $(this).attr('data-faid');
var test = $(this).closest('button').attr('data-pcrid');
// this does not work
$(this).closest('button').data('pcrid',0)
$(this).closest('button').addClass('error');
$(this).closest('button').attr('data-info', '222');
}
<button class="bubble" data-pcrid="-12" data-original="">
<div>
test text1
</div>
<br />
<i class="fas fa-adjust" onclick="do_something.call(this);" data-faid="36"></i>
</button>
<button class="bubble" data-pcrid="-1" data-original="">
<div>
test text2
</div>
<br />
<i class="fas fa-adjust" onclick="do_something.call(this);" data-faid="35"></i>
</button>
Мой ожидаемый результат - добавить к кнопке класс, добавить новый элемент данных со значением 0 и изменить существующее значение элемента данных