數據屬性陣列添加名稱和值使用attr（）

Question

我試圖建立和數組數據屬性裏面，但我發現[目標，對象]當我嘗試添加名稱和值

<div class="wrapper"></div> 

$post_url = "http://example.ai"; 
$post_id = "750"; 
$(".wrapper").attr("data-history", { 
    id: $post_id, 
    url: $post_url 
}); 

我第一次創建數據屬性「歷史」，但它然後添加[對象，對象]。在此之後，我需要在下一個事件中爲「歷史」數組添加另一個名稱/值。

Answer 1

兩個問題，一個是你不應該點（。）在類的屬性和兩個你必須添加屬性爲JSON（或使用.data，這取決於你如何要使用的屬性）

<div class="wrapper"></div> 

$post_url = "http://example.ai"; 
$post_id = "750"; 
$(".wrapper").attr("data-history", JSON.strinify({ 
    id: $post_id, 
    url: $post_url 
})); 

或

$post_url = "http://example.ai"; 
$post_id = "750"; 
$(".wrapper").data("history", { 
    id: $post_id, 
    url: $post_url 
}); 

編輯：

要添加新項目剛剛獲得的舊數據和新數據添加到它

$post_url = "http://example.ai"; 
$post_id = "750"; 
var data = $(".wrapper").attr("data-history"); 
if (!data){ 
    data = []; 
} 
else{ 
    data = JSON.parse(data); 
} 
data.push({ 
    id: $post_id, 
    url: $post_url 
}); 
$(".wrapper").attr("data-history", JSON.strinify(data)); 

或

$post_url = "http://example.ai"; 
$post_id = "750"; 
var data = $(".wrapper").data("history"); 
if (!data){ 
    data = [{ 
     id: $post_id, 
     url: $post_url 
    }]; 
} 
else{ 
    data.push({ 
     id: $post_id, 
     url: $post_url 
    }); 
}  
$(".wrapper").data("history", data);