Sostituzione del contenuto con jQuery

Sostituzione del contenuto con jQuery

Per la sostituzione dei contenuti con jQuery posso usare replaceWith() e replaceAll()

indice

Sintassi sulla Manipolazione del DOM in jQuery

$('selettore').replaceWith('sostituzione') // sostituisce il contenuto selezionato con quello indicato
$('sostituzione').replaceAll('selettore') // sostituisce TUTTI i contenuti che hanno quel selettore con quelli indicati

Esempio sulle Manipolazione del DOM in jQuery

You say potatoe, I say starchy carbs. Logan Broger is "amazing" and a "wonderful boy" according to Logan's mom.

testo di esempio .testo di esempio .testo di esempio .testo di esempio .testo di esempio .

Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.

Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.

Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

Felinamiss. I don't need a big house, just a two-floor condo - you could say I have lofty expectations.

Codice della Lezione : Manipolazione del DOM in jQuery

// inizializzazione jQuery
$(document).ready(function(){
    //replaceWith : sostituisce il contenuto
    $('#button1').click(function(){
        $('#testo').replaceWith('<h2> Questo contenuto è stato rimpiazzato con replaceWith </h2>')
    });
    // replaceAll : sostituisce gli elementi html selezionati con altri elementi che vengono indicati
    $('#button2').one('click',function(){
        $('<p> Questo contenuto è stato rimpiazzato con replaceWith </p>').replaceAll('.txtClass')
    });
});       

Scritto da Donato Pirolo

Ciao, sono Donato, frontend developer con una smisurata passione per la SEO. Creo strumenti ad hoc per aiutare aziende e professionisti ad essere cercati sul web e trovare clienti.

Potrebbero interessarti

Lascia un commento

Il tuo indirizzo email non sarà pubblicato. I campi obbligatori sono contrassegnati *

Copyright © 2022
linkedin facebook pinterest youtube rss twitter instagram facebook-blank rss-blank linkedin-blank pinterest youtube twitter instagram