Набор данных с Jquery

Question

Я эту строку кода:

<p class="main-description" >Hello world</p> 

Я хочу добавить атрибут данных с JQuery, я не могу изменить HTML

Так что я стараюсь это:

$('.main-description').data('data-custom','5s'); 

Конечный результат должен быть таким, но не работает

<p class="main-description" data-custom="5s" >Hello world</p> 

Answer 1

Вы должны использовать attr()

$('.main-description').attr('data-custom', '5s');

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<p class="main-description">Hello world</p>

Для различия между ними относятся: jQuery Data vs Attr?