Как добавить новый атрибут данных в существующий HTML-элемент или div?

Question

Я хотел выяснить, возможно ли добавить новый атрибут данных в существующий HTML-элемент. Так, например:

<button class="confirm-button" data-id=560>Click Me</button>

Я бы хотел добавить новый атрибут данных с помощью jquery, например

<button class="confirm-button" data-text="justaddedattr" data-id=560>Click Me</button>

Answer 1

Вы можете попробовать с jQuery's .attr()

$('.confirm-button').attr('data-text', 'justaddedattr');
console.log($('.confirm-button').data('text'));

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<button class="confirm-button" data-id=560>Click Me</button>

Вы также можете попробовать .data()

$('.confirm-button').data('text', 'justaddedattr');
console.log($('.confirm-button').data('text'));

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<button class="confirm-button" data-id=560>Click Me</button>