So ersetzen Sie Inhalte in Tags mit jquery-Front-End-Fragen und Antworten-php.cn

So ersetzen Sie Inhalte in Tags mit jquery

WBOY

Freigeben： 2022-01-14 11:24:12

Original

4273 Leute haben es durchsucht

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“)“.

So ersetzen Sie Inhalte in Tags mit jquery

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()

Nach dem Login kopieren

Elementinhalt festlegen

Wenn Sie mit dieser Methode einen Wert festlegen, wird der Inhalt aller übereinstimmenden Elemente überschrieben.

Syntax

$(selector).html(content)

Nach dem Login kopieren

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))

Nach dem Login kopieren

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>

Nach dem Login kopieren

Ausgabeergebnis:

So ersetzen Sie Inhalte in Tags mit jquery

Nach dem Klicken auf die Schaltfläche:

So ersetzen Sie Inhalte in Tags mit jquery

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!