jquery - 修改数据属性的特定值？

Question

如何修改以下元素中的“foo”值：？

<div id="my-element" data-request-data="bar: 1, foo: 2">

我试过了：

$('#my-element').attr('data-request-data.foo', 5);

但它不起作用。
有人能帮我吗 ？

标签： jquery

Answer 1

您不能直接修改部分数据属性，但您需要的只是在抓取它并再次设置它修改后拆分值......

let newFoo = $('#my-element').attr('data-request-data').split('foo: ');
// get data value and split it

$('#my-element').attr('data-request-data', newFoo[0] + 'foo: ' + 5)
//set new


console.log($('#my-element').attr('data-request-data'))
//cheak...

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<div id="my-element" data-request-data="bar: 1, foo: 2">