"Ajouter si n'existe pas" dans jQuery

Question

J'essaye d'écrire une fonction d'aide pour jQuery qui crée un élément s'il n'existe pas déjà. Jusqu'à présent, j'ai:

function setup(element, parent){ 
    if($(parent).child(element).length == 0){ 
    $(parent).append('<div class="'+element+'"></div>'); 
    } 
} 

mais je me demande si ce n'est pas un problème résolu. Est-ce?

(La raison pour laquelle je veux que c'est que je puisse tirer dans le contenu JSON et le mettre au bon endroit. Si le existe bon endroit, je vais mettre à jour le contenu. Si elle n'existe pas, je vais créer)

Answer 1

Si vous prévoyez element être le nom de la classe, alors vous devez également utiliser le sélecteur de classe pour les tests.

function setup(className, parent) { 
    if ($(parent).children("."+className).length == 0) { 
     $(parent).append("<div></div>").children(":last-child").addClass(className); 
    } 
} 

Answer 2

en supposant que vous identifiez vos divs avec id et ont un ensemble d'éléments avec ids comme clés

function mergeIn(elements,parent){ 
$(parent).children('div').each(function(){ 
    $(this).html(elements[$(this).attr('id')]); 
    delete elements[$(this).attr('id')]; 
}); 
//only not present elements remain in the array 
for(var i in elements){ 
    $(parent).append('<div id="'+i+'">'+elements[i]+'</div>'); 
} 
} 

et tout est fait :)