---
id: 564944c91be2204b269d51e3
title: Alterar texto dentro de um elemento usando jQuery
challengeType: 6
forumTopicId: 16773
dashedName: change-text-inside-an-element-using-jquery
---
# --description--
Usando jQuery, você pode alterar o texto entre as tags de abertura e fechamento de um elemento. Você pode alterar até a marcação HTML.
O jQuery possui uma função chamada `.html()` que permite a você adicionar tags HTML e texto dentro de um elemento. Qualquer conteúdo previamente dentro do elemento será completamente substituído com o conteúdo que você forneceu usando essa função.
Aqui está como você rescreveria e enfatizaria o texto do nosso cabeçalho:
```js
$("h3").html("jQuery Playground");
```
O jQuery também possui uma função similar chamada `.text()` que altera apenas texto sem adicionar tags. Em outras palavras, essa função não irá avaliar nenhuma tag HTML passada a ela, mas ao invés disso irá tratá-la como o texto que você quer substituir o conteúdo atual existente.
Modifique o botão com id `target4` enfatizando seu texto.
[Veja nosso artigo de notícias para <em>](https://www.freecodecamp.org/news/html-elements-explained-what-are-html-tags/#em-element) aprender a diferença entre `` e `` e seus usos.
Note que enquanto a tag `` foi tradicionalmente usada para enfatizar texto, foi adotada desde então para uso como tag para ícones. A tag `` é agora amplamente aceita como a tag para ênfase. Ambos funcionarão para esse desafio.
# --hints--
Você deve enfatizar o texto no seu botão `target4` ao adicionar tags HTML.
```js
assert.isTrue(
/|\s*#target4\s*<\/em>|<\/i>/gi.test($('#target4').html())
);
```
De outro modo, o texto deve permanecer inalterado.
```js
assert($('#target4') && $('#target4').text().trim() === '#target4');
```
Você não deve alterar nenhum outro texto.
```js
assert.isFalse(/|/gi.test($('h3').html()));
```
Você deve estar usando `.html()` e não `.text()`.
```js
assert(code.match(/\.html\(/g));
```
Você deve selecionar `button id="target4"` com jQuery.
```js
assert(code.match(/\$\(\s*?(\"|\')#target4(\"|\')\s*?\)\.html\(/));
```
# --seed--
## --seed-contents--
```html