In diesem Artikel wird der spezifische Code von jQuery zum dynamischen Hinzufügen von Tag-Ereignissen zu Ihrer Information bereitgestellt. Der spezifische Inhalt ist wie folgt Code: <Text> <table id="tableID" border="1" align="center" width="60%"> <tr> <th>Benutzername</th> <th>Passwort</th> <th>Betrieb</th> </tr> <tbody id="tbodyID"></tbody> </Tabelle> <hr /> Benutzername: <input type="text" id="usernameID" /> Passwort: <input type="text" id="Passwort-ID" /> <input type="button" value="Hinzufügen" id="addID" /> </body> <Skripttyp="text/javascript"> //Suchen Sie die Schaltfläche „Hinzufügen“ und fügen Sie ein Klickereignis hinzu $("#addID").click(function() { //Werte von Benutzername und Passwort abrufen var username = $("#usernameID").val(); var Passwort = $("#Passwort-ID").val(); //Leerzeichen auf beiden Seiten entfernen username = $.trim(username); Passwort = $.trim(Passwort); //Wenn der Benutzername oder das Passwort nicht ausgefüllt ist if (username.length == 0 || password.length == 0) { //Benutzerwarnung ausgeben („Benutzername oder Passwort nicht eingegeben“); } anders { //Erstellen Sie ein tr-Tag var $tr = $("<tr></tr>"); //3 td-Tags erstellen var $td1 = $("<td>" + username + "</td>"); var $td2 = $("<td>" + Passwort + "</td>"); var $td3 = $("<td></td>"); //Erstellen Sie ein Eingabetag und legen Sie es als Löschschaltfläche fest var $del = $("<input type='button' value='Delete'>"); //Dynamisch ein Klickereignis für die Löschtaste hinzufügen $del.click(function() { //Alle Zeilen der Schaltfläche löschen, d. h. das $tr-Objekt $tr.remove(); }); //Fügen Sie dem td3-Tag die Schaltfläche „Löschen“ hinzu $td3.append($del); //Füge nacheinander 3 td-Tags zum tr-Tag hinzu $tr.append($td1); $tr.append($td2); $tr.append($td3); //Fügen Sie das tr-Tag zum tbody-Tag hinzu $("#tbodyID").append($tr); // Inhalt der Textfelder „Benutzername“ und „Passwort“ löschen $("#usernameID").val(""); $("#passwortID").val(""); } }); </Skript> Das Obige ist der vollständige Inhalt dieses Artikels. Ich hoffe, er wird für jedermanns Studium hilfreich sein. Ich hoffe auch, dass jeder 123WORDPRESS.COM unterstützen wird. Das könnte Sie auch interessieren:
|
>>: Beheben Sie das Problem, dass der Docker-Container das externe Netzwerk nicht anpingen kann
Inhaltsverzeichnis brauchen Kernidee Zwei Möglich...
In diesem Artikel wird die spezifische Methode zu...
Ich glaube, jeder Mensch ist sehr sensibel für Fa...
Unter LINUX werden periodische Aufgaben normalerw...
Inhaltsverzeichnis 1. Laden Sie die WeChat-Entwic...
1. Im Allgemeinen ist MariaDB in CentOS standardm...
Als ich heute einen Docker-Container erstellt hab...
In diesem Artikel werden die Installations- und K...
In diesem Artikel finden Sie das grafische Tutori...
Karussell-Animationen können das Erscheinungsbild...
1. Um die Abfrage zu optimieren, sollten Sie voll...
Wir alle kennen die Drag-and-Drop-Funktion von HT...
Angenommen, es gibt einen solchen Anfangscode: &l...
Wenn Sie mit der Arbeit an einem Projekt beginnen...
Beim Erstellen einer Website habe ich festgestellt...