jQuery pour obtenir des éléments générés dynamiquement example

Description de la condition : les données peuvent être ajoutées dynamiquement sur la page, telles qu'un tableau, et des lignes peuvent être ajoutées dynamiquement en cliquant sur le bouton. Ou lorsque la page
est chargée, les données du tableau sont obtenues en arrière-plan via ajax. Et maintenant nous voulons obtenir l’une des valeurs, comment l’obtenir ?

Si vous souhaitez l'obtenir via un événement tel qu'un clic, un survol de la souris, etc., vous pouvez utiliser la méthode live()

Copier le code Le code est le suivant :

 
$(".button").live("click",function(){ 
console.info($( "#mytd") .html()); 
}) 

Si ce n'est pas via un événement, nous devons obtenir la valeur ou effectuer d'autres opérations lorsque la page est chargée

La méthode live() ne fonctionnera pas car nous ne pouvons pas passer un événement.

Par exemple, le code suivant :

Copier le code Le code est le suivant :

< corps>

;

Le code ci-dessus est très simple, il s'agit d'ajouter la valeur renvoyée par l'arrière-plan via la publication. à
Les données renvoyées par l'arrière-plan sont Et nous voulons obtenir l'identifiant comme mytd après la publication. La valeur de

ne peut pas être obtenue pour le moment. Nous pouvons observer le problème depuis le navigateur :

D'après ce qui précède. On peut voir que les données ne sont pas disponibles lorsque l'alerte est émise. Après le chargement, la console n'imprime pas les informations, les données ne peuvent donc pas être obtenues pour le moment. jQuery pour obtenir des éléments générés dynamiquement example_jquery

jQuery pour obtenir des éléments générés dynamiquement example_jquery

Utilisez la méthode ajaxComplete() pour exécuter le code à exécuter lorsque la requête est terminée. Nous l'avons modifié comme suit :

Copier le code Le code est le suivant : $(function() {

$.post("admin/UserForumthemeBabygrowupFrontList.do",{},function(data) {

console.info (data.table); 
$("#tab").append(data.table) 
$("#tab").ajaxComplete(function); (){ //Demande en attente Une fois terminé, exécutez 
alert($("#mytd").html() 
}) 

 
 
À ce moment, la page a déjà chargé les données lors de leur réception.

Étiquettes associées：

jquery 动态生成

source：php.cn

Article précédent：Méthode pour aligner les valeurs des attributs fieldLabel et html d'Extjs Label_extjs Article suivant：jquery réalise quelle entrée est entrée et quelle couche div affiche what_jquery

Déclaration de ce site Web

Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn

Derniers articles par auteur