使用jquery驗證「div」

Question

我用div創建了一些列，並用子div填充了單元格。
我想做的事情只有一個細胞可以每列中選擇是，

$('div.kim2bb').on('click', function(){ 
    el.push($(this).attr('id')); 
    console.log(el); 
    parent.push($(this).parent().attr('id')); 
    console.log(parent); 
}); 

當父數組被重複成員，我想，以取代前者相同的父在El陣列後者。

<div id="a0" class="kim2b"> 
    <div id="a1" class="kim2bb">Incompetent</div> 
    <div id="a2" class="kim2bb">Incapable</div> 
    <div id="a3" class="kim2bb">Disabled</div> 
    <div id="a4" class="kim2bb">Not adult</div> 
    <div id="a5" class="kim2bb">None above</div> 
</div> 

Answer 1

如果我理解你正確，你想存儲所有的父母ids和每個父母最後選擇的子div。我建議用單個的JS對象做它像這樣：

var selects = {}; 
$('div.kim2bb').on('click', function(){ 
    selects[$(this).parent().attr('id')] = $(this).attr('id') 
    for (var key in selects) { 
     if (selects.hasOwnProperty(key)) { 
     console.log(key + " -> " + selects[key]); 
     } 
    } 
}); 

你可以在這裏進行測試：http://jsfiddle.net/qXSPr/2/

Answer 2

考慮做這種方式。你可以有哪些既parent和child映射在一個鍵值對的數組：

var elGroups = []; 

$('div.kim2bb').on('click', function() { 
    var parent = $(this).parent().attr('id'); 
    var element = $(this).attr('id'); 
    elGroups[parent] = element; 
    console.log(elGroups); 
}); 

演示：http://jsfiddle.net/hungerpain/JKHuR/