Klicken Sie auf die Schaltfläche, um den Text in ein Eingabefeld umzuwandeln. Klicken Sie auf „Speichern“, um ihn in Textimplementierungscode umzuwandeln.

Klicken Sie auf die Schaltfläche, um den Text in ein Eingabefeld umzuwandeln. Klicken Sie auf „Speichern“, um ihn in Textimplementierungscode umzuwandeln.

XML/HTML-CodeInhalt in die Zwischenablage kopieren

<!DOCTYPE html >
< html lang = "en" >
<Kopf>
　　< Meta http-equiv = "Inhaltstyp" Inhalt = "Text/HTML; Zeichensatz=utf-8" />
　　< Meta Zeichensatz = "utf-8" >
　　< title > Klicken Sie auf die Schaltfläche, um den Text in ein Eingabefeld umzuwandeln, klicken Sie auf Speichern, um ihn in Text umzuwandeln </ title >
　　< Stil Typ = "Text/CSS" >
Tabelle { Textausrichtung: Mitte; Schriftgröße: 14px;}
Tabelle > thead > tr > th{ Schriftstärke: normal;}
.text-right{ padding-right:73px; text-align: right;}
.text{ Breite: 50px; Höhe: 30px; Rahmen: 1px durchgezogen #ddd; Textausrichtung: Mitte;}
　　</ Stil >
　　< Skript Typ = "Text/Javascript" src = "js/jquery.min.js" > </ Skript >
</ Kopf >
< Textkörper >
　　< Tabelle >
　　　　< thead >
　　　　　　< tr >
　　　　　　　　< th Breite = "400" > Produktname </ th >
　　　　　　　　< th width = "200" > Anzahl der Artikel </ th >
　　　　　　</tr>
　　　　</ thead >
　　　　< tbody >
　　　　　　< tr Höhe = "50" >
　　　　　　　　< td > iPhone 6s </ td >
　　　　　　　　< td Klasse = "Bearbeiten" > 2 </ td >
　　　　　　</tr>
　　　　　　< tr Höhe = "50" >
　　　　　　　　< td > Xiaomi 5 </ td >
　　　　　　　　< td Klasse = "Bearbeiten" > 5 </ td >
　　　　　　</tr>
　　　　</ tbody >
　　　　< tFuß >
　　　　　　< tr >
　　　　　　　　< td colspan = "2" Klasse = "Text-rechts" >
　　　　　　　　　　< Schaltfläche Typ = "Schaltfläche" Klasse = "btn" onclick = " ändern (dies)" > Ändern </button>
　　　　　　　　</ td >
　　　　　　</tr>
　　　　</ tfoot >
　　</ Tabelle >
< Skript Typ = "Text/Javascript" >
Funktion ändern(Objekt){
var xg =$(obj).html();
wenn( xg == 'ändern'){
$('.edit').jeweils(Funktion(){
var alt =$(this).html();
$(this).html(" < Eingabe Typ = "Text" Name = "Bearbeitungsname" Klasse = "Text" Wert = "+alt+" > ");
})
$(obj).html('speichern');
}sonst wenn( xg == 'speichern'){
$('Eingabe[ Name = Bearbeitungsname ]').each(Funktion(){
var alt =$(this).html();
var neue Schriftart = $(this).parent('td').parent('tr').children().find('input').val();
$(this).parent('td').html(neue Schriftart);
})
$(obj).html('ändern');
}
}
</ Skript >
</ Körper >
</ html >

Der obige Implementierungscode zum Klicken auf eine Schaltfläche, um Text in ein Eingabefeld umzuwandeln, und zum Klicken auf Speichern, um ihn in Text umzuwandeln, ist der gesamte Inhalt, den der Editor mit Ihnen teilt. Ich hoffe, er kann Ihnen als Referenz dienen und ich hoffe auch, dass Sie 123WORDPRESS.COM unterstützen werden.

Original-URL: http://www.cnblogs.com/yuxiaoqi912/p/5470354.html

<<: Vue+ECharts realisiert das Zeichnen einer China-Karte sowie die automatische Drehung und Hervorhebung von Provinzen

>>: Details der MySQL-Berechnungsfunktion