Estou aprendendo a programar em JavaScript e jQuery, e estou com problema quanto na geração de código em HTML. Dado um corpo HTML como faço para inserir código HTML dentro de um lugar especifico?
No caso abaixo eu já sei inserir um paragrafo no final do <body>
. Mas gostaria de saber como faço para inserir por exemplo antes dos <div>
ou então dentro do <div>Teste1</div>
.
<!DOCTYPE html>
<html>
<head>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<script>
$(document).ready(function(){
$(document.body).append($('<p/>').text('Ola'));
});
</script>
</head>
<body>
<div>Teste1</div>
<div>Teste2</div>
<div>Teste3</div>
<div>Teste4</div>
</body>
</html>
Saída:
Teste1
Teste2
Teste3
Teste4
Ola