使用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()

＆＃13;

＆＃13;

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

＆＃13;

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

＆＃13;

＆＃13;

＆＃13;

有关它们之间的区别，请参阅：jQuery Data vs Attr?