jquery append()-Methode


  Übersetzungsergebnisse:

append

Englisch [əˈpɛnd]

vt. hinzufügen;

jquery append()-MethodeSyntax

Funktion: Die Methode append() fügt den angegebenen Inhalt am Ende des ausgewählten Elements (noch innerhalb) ein. Die Methoden append() und appendTo() führen dieselbe Aufgabe aus. Der Unterschied besteht in der Position des Inhalts und des Selektors.

Syntax: $(selector).append(content)

Parameter:

ParameterBeschreibung
Inhalt Erforderlich. Gibt den einzufügenden Inhalt an (kann HTML-Tags enthalten). Verwenden Sie Funktionen, um Inhalte anzuhängen.

Syntax: $(selector).append(function(index,html))

Parameter:

ParameterBeschreibung
function(index,html) Erforderlich. Gibt eine Funktion an, die den einzufügenden Inhalt zurückgibt.
Index Optional. Empfängt die Indexposition des Selektors.
html Optional. Empfängt den aktuellen HTML-Code des Selektors.

jquery append()-MethodeBeispiel

<html>
<head>
<script type="text/javascript" src="http://apps.bdimg.com/libs/jquery/2.1.1/jquery.min.js"></script>
<script type="text/javascript">
$(document).ready(function(){
  $("button").click(function(){
    $("p").append(" <b>Hello world!</b>");
  });
});
</script>
</head>
<body>
<p>This is a paragraph.</p>
<p>This is another paragraph.</p>
<button>在每个 p 元素的结尾添加内容</button>
</body>
</html>
Instanz ausführen »

Klicken Sie auf die Schaltfläche „Instanz ausführen“, um die Online-Instanz anzuzeigen

Heim

Videos

Fragen und Antworten