更改數據屬性json值

Question

我想更改json數組的具體值。查看詳細我有這個DOM：

<input class="fileupload" type="file" data-form-data='{"table_reference": "data_monitoring", "table_token" : "X43sd"}'>   

我知道如何使用jQuery使用此代碼更新數據屬性：$（本）.attr（ '鍵'， '值'）

但我如何改變數據屬性的特定鍵，例如上面DOM 需要改變table_token值

感謝任何建議

Answer 1

您可以使用.data()財產參照特定的屬性設置爲一個值

$(".fileupload").data().formData.table_token = 123; 
 

 
console.log($(".fileupload").data().formData);

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<input class="fileupload" type="file" data-form-data='{"table_reference": "data_monitoring", "table_token" : "X43sd"}'>

如果需求是設置data-*將在HTML中反映出來，你可以使用HTMLElement.dataset

var new_token = "abc"; 

let data = JSON.parse($(".fileupload")[0].dataset.formData); 

data.table_token = new_token; 

$(".fileupload")[0].dataset.formData = JSON.stringify(data);