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

我有一个div，需要在点击按钮后添加一个属性，我试过这样做

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

我需要最终的输出

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

</div>

您可以尝试：

 var sck = {rtl: true}

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

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

---

您可以使用

attr

功能执行此操作：

$（'#item'）.attr（'data-sck'，“{rtl:true}”）；
console.log（$（'#item'）.attr（'data-sck'））

undefinedJust尝试将.prop更改为.attr属性值为字符串。这将产生

data sck=“[Object Object]”

，因此它应该是$（'#item'）.attr（'data-sck'，JSON.stringify（sck））；对或者使用

data（）

存储为对象