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

Programação
, ,
#1

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.

#2 
<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>
1 curtida
#3

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);
});
1 curtida
#4

Muito Obrigado! xD