jquery - 如何通过 JQuery 为 div 元素设置自定义属性

Question

我有一个 div 需要在单击按钮后添加一个属性，我尝试过，

 $('#item').prop('data-sck', "{rtl: true}");

我需要最终输出为

<div id="item" data-sck='{"rtl": true}'>

</div>

标签： jqueryhtml

Answer 1

你可以使用attr函数来做到这一点：

$('#item').attr('data-sck', "{rtl: true}");

console.log($('#item').attr('data-sck'))

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>



<div id="item">

</div>