Heim > Artikel > Web-Frontend > So ersetzen Sie Inhalte in Tags mit jquery
In jquery können Sie den Inhalt des Tags mit der Methode html() ersetzen. Die Funktion dieser Methode besteht darin, den Inhalt des ausgewählten Elements zurückzugeben oder festzulegen des ausgewählten Elements wird zurückgegeben, die Syntax ist „$(element).html(“new content“)“.
Die Betriebsumgebung dieses Tutorials: Windows10-System, JQuery3.2.1-Version, Dell G3-Computer.
So ersetzen Sie den Inhalt in Tags mit der jquery-Methode
html() gibt den Inhalt des ausgewählten Elements (inneres HTML) zurück oder legt ihn fest.
Wenn diese Methode keine Parameter setzt, gibt sie den aktuellen Inhalt des ausgewählten Elements zurück.
Elementinhalt zurückgeben
Wenn diese Methode zum Zurückgeben eines Werts verwendet wird, wird der Inhalt des ersten übereinstimmenden Elements zurückgegeben.
Syntax
$(selector).html()
Elementinhalt festlegen
Wenn Sie mit dieser Methode einen Wert festlegen, wird der Inhalt aller übereinstimmenden Elemente überschrieben.
Syntax
$(selector).html(content)
Inhalt Optional. Gibt den neuen Inhalt des ausgewählten Elements an. Dieser Parameter kann HTML-Tags enthalten.
Verwenden Sie eine Funktion, um den Inhalt eines Elements festzulegen.
Verwenden Sie eine Funktion, um den Inhalt aller passenden Elemente festzulegen.
Syntax
$(selector).html(function(index,oldcontent))
function(index, oldcontent) gibt eine Funktion an, die den neuen Inhalt des ausgewählten Elements zurückgibt.
Index – optional. Empfängt die Indexposition des Selektors.
alter Inhalt – optional. Empfängt den aktuellen Inhalt des Selektors.
Das Beispiel sieht wie folgt aus:
<html>
<head>
<script type="text/javascript" src="/jquery/jquery.js"></script>
<script type="text/javascript">
$(document).ready(function(){
$(".btn1").click(function(){
$("p").html("这是<b>新的</b>内容");
});
});
</script>
</head>
<body>
<p>这是旧的内容</p>
<p>这也是旧的内容</p>
<button class="btn1">改变 p 元素的内容</button>
</body>
</html>Ausgabeergebnis:
Nach dem Klicken auf die Schaltfläche:
Empfohlene verwandte Video-Tutorials: jQuery-Video-Tutorial
Das obige ist der detaillierte Inhalt vonSo ersetzen Sie Inhalte in Tags mit jquery. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!