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

Question

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

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

我需要最终输出为

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

</div>

Answer 1

您可以尝试：

 var sck = {rtl: true}

 $('button').on('click', function(e) {
   e.preventDefault();

   $('#item').attr('data-sck', JSON.stringify(sck));
});

Answer 2

您可以使用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>