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
Als technischer Neuling zeichne ich den Vorgang d...
In diesem Artikelbeispiel wird der spezifische Co...
Inhaltsverzeichnis Starten und Stoppen Datenbankb...
Manchmal müssen Sie mehrere Bereiche auf einem Bi...
Inhaltsverzeichnis Was ist cgroup Zusammensetzung...
Baidu Cloud-Festplatte: Link: https://pan.baidu.c...
Startups überraschen uns oft mit ihren unkonventi...
Geben Sie /usr/local/nginx/conf ein sudo cd /usr/...
Das Schreiben von XHTML erfordert eine saubere HTM...
Vorwort Js ist heutzutage die am häufigsten verwe...
<br />Die Benutzererfahrung wird von chinesi...
Prämisse In komplexen Szenarien müssen große Date...
Inhaltsverzeichnis 1. Einleitung 2. auswählen 2.1...
In diesem Artikelbeispiel wird der spezifische Co...
Lebenszyklusklassifizierung Jede Komponente von V...