0

Como posso ocultar um texto que esteja entre chaves na minha div

Ex:

<div> Hello {World} </div>
3
  • 2
    Sabe expressão regular? É uma das maneiras de se fazer isso...
    – Woss
    Commented 25/06/2018 às 19:26
  • Adicione uma tag span em volta ao texto que queres oculta inserindo um id ou class, e em seguida basta manipular o texto com JS. Exemplo: <div> Hello <span id="text">{World}</span> </div> Commented 25/06/2018 às 19:26
  • Seria tão facil assim, mas não posso editar essa div :(
    – Josimara
    Commented 25/06/2018 às 19:27

3 Respostas 3

1

Usando Expressão Regular

var text = $("div").text();
$("div").html('').append(text.replace(/(\s\{.*?\})/, ''))
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div> Hello {World} </div>

3
  • Oi Netinho, ótimo ajudou muito! e seu eu querer replicar pra varias divs?
    – Josimara
    Commented 25/06/2018 às 20:08
  • @Josimara, se suas divs estiver do mesmo jeito da div da pergunta, você poderá usar o Jquery.each() para varre as divs. Fiz um exemplo, caso seja o que tu queres eu edito a resposta. Veja o exemplo executando aqui: jsfiddle.net/1p5m48wq/3 Commented 25/06/2018 às 20:17
  • Isso mesmo ótimo, valeuu!
    – Josimara
    Commented 25/06/2018 às 20:18
1

Olá, tente com essa expressão regular:

let getDiv = document.querySelector('.teste').innerHTML;

let newTeste = getDiv.replace(/(\s\{.*?\})/, '');

document.querySelector('.teste').innerHTML = newTeste;
<div class="teste">Hello {World} !</div>

0
0

Pega o texto da div, faz um replace usando expressão regular

var textoDaDiv = $("div").text();  

$("div").text(textoDaDiv.replace(/ *\{[^)]*\} */g, ""));
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div> Hello {World} </div>

Você deve fazer log-in para responder a esta pergunta.

Esta não é a resposta que você está procurando? Pesquise outras perguntas com a tag .