Operacje dokumentów jQuery - metoda otaczania ()

Przeglądarka efektów jQuery

Przykład

Otocz każdy paragraf w elemencie <div>:

$(".btn1").click(function(){
   $("p").otaczanie("<div></div>");
});

Spróbuj sam

Definicja i użycie

Metoda otaczania () umieszcza każdy wybrany element w określonej zawartości HTML lub elemencie.

Gramatyka

$(selektor).otaczanie(otaczanie)
Parametry Opis
otaczanie

Wymagane. Określ zawartość otaczającą wybrany element.

Możliwe wartości:

  • Kod HTML - na przykład ("<div></div>")
  • Nowe elementy - na przykład (document.createElement("div"))
  • Istniejące elementy - na przykład ($(".div1"))

Istniejące elementy nie będą przenoszone, tylko skopiowane i otoczone wybranymi elementami.

Użyj funkcji do otaczania elementów

Użyj funkcji, aby określić zawartość otaczającą każdy wybrany element.

Gramatyka

$(selektor).otaczanie(function())

Spróbuj sam

Parametry Opis
function() Wymagane. Określ funkcję zwracającą otaczający element.

Więcej przykładów

Użyj nowego elementu do otoczenia
Utwórz nowy element DOM, aby otoczyć każdy wybrany element.
Zamykanie lub otwieranie elementów
Przełączanie między zamykaniem i otwieraniem elementów.

Przeglądarka efektów jQuery