Analysieren Sie die beiden Verwendungen von after in jQuery

Definition und Verwendung

Die Methode after() fügt den angegebenen Inhalt nach dem ausgewählten Element ein.

Syntax

$(selector).after(content)

Parameterbeschreibung

Inhalt Erforderlich. Gibt den einzufügenden Inhalt an (kann HTML-Tags enthalten).

Verwenden Sie die Funktion , um Inhalte einzufügen.

Verwenden Sie die Funktion, um den angegebenen Inhalt nach dem ausgewählten Element einzufügen.

Syntax

$(selector).after(function(index))

Parameterbeschreibung

Funktion (Index)

Erforderlich. Gibt eine Funktion an, die den einzufügenden Inhalt zurückgibt.

Index – optional. Empfängt die Indexposition des Selektors.

Methode eins:
Inhalt nach jedem p-Element einfügen:

Der Code lautet wie folgt:

$("button").click(function(){
      $("p").after("<p>Hello world!</p>");
});

Methode zwei:

Der Code lautet wie folgt:

$("button").click(function(){
    $("p").after(function(n){
            
return
 "<p>The p element above has index " + n + "</p>";
    });
});

Die -Funktion danach muss einen HTML-String zurückgeben.

Das obige ist der detaillierte Inhalt vonAnalysieren Sie die beiden Verwendungen von after in jQuery. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!