動態創建JSON數組與.each（）

Question

我想動態地創建一個JSON數組。在該網站中，有一個動態編號爲<的div id =「＃selected」>，我需要獲取所有值並創建一個JSON數組。

我遇到了.push（）的功能，但我一直無法弄清楚。的

<!-- there could be a million of these, or only one... each value is unique though --> 
<div id="selected" value="5|3"></div> 
<div id="selected" value="3|65"></div> 


function json_array_selected() { 

var JSon = {}; 
$('div#selected').each(function() { 
     // let's first split the given values 
     var Split = $(this).attr('value'); 
     Split = Split.split('|'); 
     var Type = Split[0]; 
     Value = Split[1]; 

     // now let's set up our Json array... using the value = type way, there should never be 
     // any repeating 
     JSon.Value = Type; 

}); 
return JSon; 
} 

Answer 1

代替

JSon.Value = Type; 

嘗試

JSon[Value] = Type; 

，或者你總是會覆蓋已命名的 「值」

Answer 2

首先的關鍵，你不能有兩個節點具有相同ID的HTML。你將不得不爲這些div標籤分配一些類。例如 -

<div class="selected" value="5|3"></div> 
<div class="selected" value="3|65"></div> 

我試圖上jsfiddle.net下面的代碼段

function json_array_selected() { 
    var JSon = {}; 
    $('div.selected').each(function() { 
    // let's first split the given values 
    var Split = $(this).attr('value'); 
    Split = Split.split('|'); 
    var Type = Split[0]; 
    Value = Split[1]; 
    JSon[Value] = Type; 
    }); 
    return JSon; 
} 
var res = json_array_selected(); 
alert(JSON.stringify(res)); 
alert(res["3"]); 

所得JSON陣列是

{"3":"5","65":"3"}