jQuery - Vérifie si l'élément DOM existe déjà

Question

Je suis d'essayer d'ajouter quelques éléments de formulaire dynamiquement via Ajax avec jQuery. Je veux m'assurer que je n'ai pas créer le même élément deux fois, donc je veux seulement ajouter si elle n'a pas déjà été ajouté au DOM.

Tous mes éléments ont un unique id CSS, par exemple:

$('#data_1')

Je suis l'aide de la procédure suivante pour vérifier si l'élément existe déjà:

if ($('some_element').length == 0) {
    //Add it to the dom
}

Cependant, elle ne fonctionne que pour des éléments qui faisaient déjà partie de la page, quand il est chargé pour la première fois.

Comment puis-je vérifie également pour les éléments qui ont été créés dynamiquement après que la page a été chargée?

Tout conseil est le bienvenue.

Merci.

Answer 1

Cela devrait fonctionner pour tous les éléments, peu importe le moment où ils sont générés.

 if($('some_element').length == 0) {
}
 

écrivez votre code dans les fonctions de rappel ajax et cela devrait fonctionner correctement.

Answer 2

Juste pour confirmer que vous sélectionnez l'élément de la bonne manière. Essaye celui-là

 if ($('#some_element').length == 0) {
    //Add it to the dom
}
 

Answer 3

Je suppose que vous avez oublié d’ajouter l’article à DOM.

Vérifiez-le ICI .

Answer 4

si ID est disponible - Vous pouvez utiliser getElementById()

 var element =  document.getElementById('elementId');
  if (typeof(element) != 'undefined' && element != null)
  { 
     // exists.
  }
 

OU Essayez avec Jquery -

 if ($(document).find(yourElement).length == 0) 
{ 
 // -- Not Exist
}