Javascript jQuery合并数据属性

我试图在单击按钮时连接两个数据属性，我想知道如何将它们合并为一个，而不是在第一个之前添加字符串

HTML

<div id="parent">
    <button class="first" data-first='{"id":"1"}'>Test</button>
    <button class="second" data-second='{"action":"0"}'>Test</button>
</div>

但这又回来了

data-second="{"id":"1"}{"action":"0"}"

我要找的是

data-second="{"action":"0","id":"1"}"

任何帮助都将不胜感激

$('.second').data('object', $.extend({}, add, old));

在jquery中有一种方便的方法来处理

数据-

属性：

演示：

在jquery中有一种方便的方法来处理

数据-

属性：

---

演示：

非常感谢，但现在当我看到source@Mitchell莱泽尔：1。使用

.data（）

2。创建一个JSFIDLE演示程序，演示这个问题，非常感谢您，但现在当我查看source@Mitchell莱泽尔：1。使用

.data（）

2。创建一个演示该问题的JSFIDLE演示

$('.second').data('object', $.extend({}, add, old));