Comment stocker des données dans jquery

Question

Je veux collecter tous les ID de div qui ont été cliqués, puis affecter cette valeur à var.

Voici mon code:

$('div.kim2bb').on('click', function(){ 
    var el = el + ', ' + $(this).attr('id'); 
    alert(el); 
}); 

J'ai essayé un, mais chaque fois que je clique el il est remis à zéro, comment puis-je l'empêcher de remettre à zéro?

Answer 1

Déplacer la déclaration initiale de el en dehors de votre événement click:

var el = ''; 
$('div.kim2bb').on('click', function(){ 
    el += ', ' + $(this).attr('id'); 
    alert(el); 
}); 

Cela provoque la variable à vivre dans un autre champ.

Et vous devez utiliser des tableaux au lieu:

var el = []; 
$('div.kim2bb').on('click', function(){ 
    el.push($(this).attr('id')); 
    alert(el.join(", ")); 
}); 

Answer 2

Gardez-le dans un tableau. Cela rend l'utilisation plus facile plus tard. (Mon avis)

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

Answer 3

Une autre itération des réponses données avant est de tester si un élément a déjà été ajouté avant

var ids=[]; 

$('div.kim2bb').on('click', function(){ 
    var id = $(this).attr("id"); 

    // if id has not been added before 
    if(ids.indexOf(id) == -1) { 
     ids.push(id); 
    } 
    console.log(ids.join(",")); 
});