数据属性阵列添加名称和值使用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);