jQuery zum Abrufen dynamisch generierter Elemente example

Anforderungsbeschreibung: Daten können dynamisch auf der Seite hinzugefügt werden, z. B. eine Tabelle, und Zeilen können dynamisch hinzugefügt werden, indem auf die Schaltfläche geklickt wird. Oder wenn die Seite
geladen wird, werden die Tabellendaten über Ajax aus dem Hintergrund abgerufen. Und jetzt wollen wir einen der Werte bekommen, wie bekommt man ihn?

Wenn Sie es durch ein Ereignis wie Klick, Mouseover usw. erhalten möchten, können Sie die live()-Methode

Code kopieren Der Code lautet wie folgt:

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

 

Wenn es nicht durch ein Ereignis geschieht, müssen wir den Wert abrufen oder andere Vorgänge ausführen, wenn die Seite geladen wird

live( )-Methode funktioniert nicht, da wir kein Ereignis übergeben können.

Zum Beispiel der folgende Code:

Code kopieren Der Code lautet wie folgt:

< body>
;
< script type="text/javascript"> >console.info(data .table);
$("#tab").append(data.table);

alert($("#mytd").html ()); // Wert abrufen
});

Der obige Code ist sehr einfach, er dient zum Hinzufügen des vom Hintergrund zurückgegebenen Werts zu

Die vom Hintergrund zurückgegebenen Daten sind Und wir möchten die ID als mytd nach dem Beitrag erhalten. Der Wert von

kann derzeit nicht abgerufen werden. Wir können das Problem vom Browser aus beobachten:

Aus dem oben Gesagten Es ist ersichtlich, dass die Daten zum Zeitpunkt der Ausgabe der Warnung nicht verfügbar sind. Nach dem Laden druckt die Konsole die Informationen nicht aus, sodass die Daten zu diesem Zeitpunkt nicht abgerufen werden können.

Verwenden Sie die ajaxComplete()-Methode, um den Code auszuführen, der ausgeführt werden soll, wenn die Anforderung abgeschlossen ist. Wir haben ihn wie folgt geändert:

jQuery zum Abrufen dynamisch generierter Elemente example_jquery

jQuery zum Abrufen dynamisch generierter Elemente example_jquery

Code kopieren

Der Code lautet wie folgt:

$(function() { $.post("admin/UserForumthemeBabygrowupFrontList.do",{},function(data) { console.info (data.table); $("#tab").append(data.table); $("#tab").ajaxComplete(function (){ //Anfrage ausstehend: alert($("#mytd").html());

 
Zu diesem Zeitpunkt hat die Seite die Daten bereits geladen, als sie sie abgerufen hat.

Verwandte Etiketten：

jquery 动态生成

Quelle：php.cn

Vorheriger Artikel：Methode zum Ausrichten der fieldLabel- und HTML-Attributwerte von Extjs Label_extjs Nächster Artikel：jquery erkennt, welche Eingabe Eingabe ist und welche Div-Ebene what_jquery anzeigt

Erklärung dieser Website

Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn

Neueste Artikel des Autors