[RESOLVIDO] Remover parte do conteúdo dentro de uma div

31 de julho de 2018 3 respostas Resolvido

Zephyrum 31 de julho de 2018

Oi Pessoal, estou precisando de uma ajuda, tenho que resolver um problema com javascript, porém ainda não descobri uma solução, então recorri ao pedido de ajuda.
Tenho que deletar todo o texto depois de um br(<br>) dentro de uma div que chamo pela classe de ‘suport’, não consigo editar o html, tenho que remover isso através do javascript. Já tentei usar o replace() puxando o conteúdo html() porém não consegui entender os ‘///^/zz’(RegExp senão me engano), é acho que a solução está ai, mas não consigo utilizar por falta de conhecimento. Agora vou mandar os códigos:

<div style="width:20%; float:left;" class="suport"><img class="m5 fl" src="/static_img/8087701/crop-75x75_bb7cf27366ef67f593a7f98d56e61766.jpg" alt="Berço Cama Victória Branco Grade Fixa 1,95 X 1,06 X 0,82"><b>Berço Cama Victória Branco Grade Fixa 1,95 X 1,06 X 0,82</b><br>O Berço Victória foi planejado para acompanhar todas as fases do seu bebê. Seu design permite transformar o berço-cômoda com trocador em uma cama de solteiro com cama auxiliar e mesinha de cabeceira!</div>

Como podem ver o texto que eu quero remover não está dentro de algo, oque está me complicando, cheguei a tentar colocar o texto dentro de uma div criada pelo Script, porém fracassei.

3 Respostas

Solucao aceita

darlan_machado 31 de jul. de 2018 1 like

<html>
	<head>
		<script>
			function quebraConteudo() {
				var content = document.getElementById('div1').innerHTML;
				var ctt = content.substring(0, content.indexOf('<br'));
				document.getElementById('div1').innerHTML = ctt;
			}
		</script>
	</head>
	<body>
		<div style="width:20%; float:left;" class="suport" id="div1">
			<b>Berço Cama Victória Branco Grade Fixa 1,95 X 1,06 X 0,82</b><br>O Berço Victória foi planejado para acompanhar todas as fases do seu bebê. Seu design permite transformar o berço-cômoda com trocador em uma cama de solteiro com cama auxiliar e mesinha de cabeceira!</div>
			<input type="button" onclick="quebraConteudo()" value="Break"/>
	</body>
</html>

GabrielQS 31 de jul. de 2018 1 like

Utilizando JQuery você consegue facilmente esse resultado, segue um código que faz o que você quer

$(document).ready(function(){
	//Acessa o HTML da div .suport e separa esse html pela tag <br>
	//O indice [0] faz ele acessar apenas o primeiro indice do array (O que vem antes do BR)
	var htmlToReplace = $('.suport').html().split('<br>')[0];
	//Substitui o texto da div
	$('.suport').html(htmlToReplace);
});

Zephyrum 31 de jul. de 2018

Muito Obrigado! xD

Criado 31 de julho de 2018

Ultima resposta 31 de jul. de 2018

Respostas 3

Participantes 3

3 Respostas

Topicos relacionados