JSFiddle - React, Tailwind, and code Playground

// Exemplo - .append() e .prepend() // Enunciado: Dada a lista abaixo, alterar, utilizando jQuery, o conteúdo // de cada item para "[início do item] Item [antes] 1 [depois] [fim do item]". // Criar cabeçalho (h1) com o texto "Utilizando .append() e prepend()" // // Conhecimento necessário: [.find] .append .prepend

by laubstein

HTML

<div id="content">
    <ul>
        <li>Item <span>1</span></li>
        <li>Item <span>2</span></li>
        <li>Item <span>3</span></li>
        <li>Item <span>4</span></li>
    </ul>
</div>

JavaScript

$('span') // acessa spans
    .prepend('[antes] ') // insere texto como primeiro filho
    .append(' [depois]'); // insere texto como ultimo filho

$('li')
    .prepend('[inicio do item] ')
    .append(' [fim do item]');

$('#content')
    .prepend('<h1>Utilizando .append() e prepend()</h1>');