English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية

jQuery wrapInner() Methode

jQuery HTML/CSS Methoden

Die Methode wrapInner() packt den angegebenen HTML-Element um den Inhalt jedes ausgewählten Elements.

Syntax:

Ein Element um den Inhalt zu verpacken:

$(selector).wrapInner(wrappingElement)

Verwenden Sie eine Funktion, um den Element in den Inhalt zu verpacken:

$(selector).wrapInner(function(index))

Beispiel

Um den <b>-Element in den Inhalt jedes <p>-Elements zu verpacken:

$("button").click(function(){
  $("p").wrapInner("<b></b>");
});
Testen Sie heraus‹/›

Dieser Beispiel verwendet document.createElement() um ein <b>-Element zu erstellen und es um den Inhalt jedes <p>-Elements herum zu umhüllen:

$("button").click(function(){
  $("p").wrapInner(document.createElement("b"));
});
Testen Sie heraus‹/›

Inhalt mit Funktion umhüllen:

$("button").click(function(){
  $("p").wrapInner(function(){
      return document.createElement("b");
  });
});
Testen Sie heraus‹/›

Parameterwert

ParameterBeschreibung
wrappingElementEin HTML-Element angeben, das um den Inhalt jedes ausgewählten Elements herum umgeben wird.

Mögliche Werte:

  • HTML-Element

  • DOM-Element

  • jQuery-Objekt

function(index)Eine Funktion angeben, die den umschließenden Elementen zurückgegeben wird
  • index-Rückgabeposition des Elements im Satz

jQuery HTML/CSS Methoden