Javascript 如何使用jquery更改数据属性的子元素

我想更改下面数据属性的子元素

<div class="blue-shape"
data-actions='[{"event":"mouseenter","action":"jumptoslide","slide":"rs-18","delay":""}]'>

.blue shape

是我要更改数据属性的div类名

希望第二个参数是字符串

<div class="blue-shape"
data-actions='[{"event":"mouseenter","action":"jumptoslide","slide":"rs-18","delay":""}]'>

也看看

$（'document'）.ready（函数（）{
jQuery（“.blue shape”）
.attr（“数据操作”，“事件：'mouseenter'，操作：'jumptoslide'，幻灯片：'rs-16'，延迟：'}”）；
});

数据
您需要在第二个参数中传递字符串，或者您也可以简单地使用如下方法：


console.log（$（'.blue shape'）.data（“actions”）；
$（'.blue shape'）.data（“操作”，“[{事件：'mouseenter'，操作：'jumptoslide'，幻灯片：'rs-16'，延迟：'}]”）；
console.log（$（'.blue shape'）。数据（“操作”）
我刚刚用以下代码更新了您的jquery，请检查并表决它是否有效

$('document').ready(function(){
jQuery('.blue-shape').attr("data-actions","[{'event':'mouseenter', 'action':'jumptoslide', 'slide':'rs-16','delay':''}]");
});

供参考

您可以将函数作为第二个参数传递，并且可以迭代以更改任何值，如：


jQuery（文档）.ready（函数（$）{
console.log（$（'.blue shape'）。data（'actions'）；
$（'.blue shape'）.attr（“数据操作”，函数（）{
var arr=$（this）.data（'actions'），newArr=[]；
$.each（arr，函数（i，obj）{
如果（目标幻灯片==“rs-18”）{
obj.slide=“rs-16”
}
如果（i==arr.length-1）{newArr.push（obj）；}
});
返回newArr；
});
console.log（$（'.blue shape'）。data（'actions'）；
});

jQuery.attr希望第二个参数是string属性的编码为JSON.sorry！这会产生错误SyntaxError:unterminated string LiteralU检查了小提琴它工作正常没有抛出错误请检查小提琴我使用的是jquery版本1.11.3。那么，我是否需要使用另一个？是的，我希望我使用的是1.12使用这个并检查谢谢@Dipesh