jQuery operacje dokumentu - metoda replaceWith()

Podręcznik efekty jQuery

Przykład

Zastąp każdy akapit czcionką pogrubioną:

$(".btn1").click(function(){
   $("p").replaceWith("<b>Hello world!</b>");
});

Spróbuj sam

Definicja i użycie

Metoda replaceWith() zastępuje wybrany element określonym HTML-em lub elementem.

Wskazówka:replaceWith() i replaceAll() Działanie jest takie samo. Różnica polega na gramatyce: pozycji treści i wyborcy oraz nie można użyć funkcji w replaceAll().

Gramatyka

$().replaceWith(content)
Parametry Opis
content

Wymagane. Określ treść do zastąpienia wybranego elementu.

Możliwe wartości:

  • Kod HTML - na przykład ("<div></div>")
  • Nowy element - na przykład (document.createElement("div"))
  • Istniejący element - na przykład ($(".div1"))

Istniejący element nie zostanie przeniesiony, tylko skopiowany i otoczony wybranym elementem.
Wymagane. Określ element do zastąpienia.

Zastąp element funkcją

Użyj funkcji do zastąpienia wybranego elementu nową treścią.

Gramatyka

$().replaceWith(function())

Spróbuj sam

Parametry Opis
function() Wymagane. Funkcja zwracająca nową zawartość elementu do zastąpienia.

Więcej przykładów

Zastąp element nowym elementem
Użyj document.createElement() do utworzenia nowego elementu DOM, a następnie zastąp nim wybrany element.

Podręcznik efekty jQuery