Tutorial di base jQuery

Effetti jQuery

Il metodo wrapInner() avvolge l'elemento HTML specificato intorno al contenuto di ogni elemento selezionato.

Avvolgi un elemento intorno al contenuto:

$(selector).wrapInner(wrappingElement)

Utilizza una funzione per avvolgere l'elemento intorno al contenuto:

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

Incorpora l'elemento <b>intorno al contenuto di ogni elemento <p>:

Esempio

$("button").click(function(){
　　$("p").wrapInner("<b></b>");
});

Questo esempio utilizza document.createElement() per creare un elemento <b> e avvolgerlo attorno al contenuto di ogni elemento <p>:

Esempio

$("button").click(function(){
　　$("p").wrapInner(document.createElement("b"));
});

Imbustare il contenuto con una funzione:

Esempio

$("button").click(function(){
　　$("p").wrapInner(function(){
　　　　　　return　document.createElement("b");
　　});
});

Parametro	Descrizione
wrappingElement	Specificare l'elemento HTML che avvolge il contenuto di ogni elemento selezionato. Valori possibili: Elemento HTML Elemento DOM Oggetto jQuery
function(index)	Specificare una funzione che restituisce un'funzione per l'elemento avvolto index-Restituisci la posizione dell'elemento nella raccolta