Comment puis-je détecter si un .append jQuery a déjà été appliqué

Question

je code comme suit ajoute:

if (json.expData[i] != null) { 
    $('#text' + i) 
    .append("<br><br><img src='/balloon.png'>" + json.expData[i]); 
} 

Lorsqu'un utilisateur clique sur un bouton et ce fonctionne le code ajoute. Cependant, si l'utilisateur clique à nouveau sur le bouton, il l'ajoute de nouveau et ainsi de suite.

Y at-il un moyen de détecter que les données ont déjà été ajoutées et que seules les données permettent de les ajouter si c'est la première fois?

Answer 1

vous pouvez stocker un attribut booléen sur l'élément, comme data-isappended.

if (json.expData[i] != null) { 
    var $text = $('#text' + i); 
    if (!($text.data("isappended"))){ 
     $text.append("<br><br><img src='/balloon.png'>" + json.expData[i]); 
     $text.data("isappended", true); 
    } 
} 

Answer 2

Vérifiez s'il y a une étiquette à l'intérieur img#text, qui devrait le faire

if ($('#text' + i).find('img').length > 0) 
{ 
    $('#text' + i).append("<br><br><img src='/balloon.png' />" + json.expData[i]); 

} 

Answer 3

Si vous n'avez pas un autre élément avec id contient #text alors vous pouvez essayer comme ceci:

if($('[id^=text]').length) { // if some element with id text exists 

} else { // not exists 

}